Flow-CLI

基于 Nodejs/Gulp 的前端自动化工具
授权协议 GPL
开发语言 JavaScript
所属分类 开发工具、 安装制作工具
软件类型 开源软件
地区 国产
投 递 者 漆雕硕
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Flow-CLI 是基于 Nodejs/Gulp 的前端自动化工具,是Flow-UI的配套命令行工具,实现自动初始化、组件化开发、静态资源编译、静态资源优化、图片压缩等前端自动化需求。

preview

功能

  1. 初始化项目

  2. 构建中部分静态资源合并

  3. 构建中less预编译

  4. 组件化开发

  5. 实时预览服务

  6. 图片压缩

安装

  1. 安装nodejs(>=6.5.0)

  2. npm安装:npm install front-flow-cli -g

命令

flow init

在当前目录初始化一个flow-ui项目模板

flow build [configName]

编译当前开发目录,默认加载配置config.json,可指定配置文件名称

flow run [configName]

编译并监听开发目录,启动实时预览服务,默认加载配置config.json,可指定配置文件名称

文档

Flow-CLI Documention

  • ① 安装Vue-Cli npm install -g @vue/cli # OR yarn global add @vue/cli ② 常用的插件Element-UI、Echarts、swiper安装和使用 1.Element-UI 安装 npm install element-ui 导入(main.js文件)(全局导入) import Vue from 'vue'; import Element

  • vue-router路由管理路径 引用组件:import 组件名 from 组件路径 使用router-link标签制作导航: <router-link to " 'path' "></router-link> //path是路由配置里面的路径 vue-router配置子路由 路由嵌套使用时要在父级菜单中使用<router-view/>标签<router-view/>的作用是为子组件提供插入位

  • 本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=hkjaa&title=%E8%84%9A%E6%89%8B%E6%9E%B6vue-cli%E7%B3%BB%E5%88%97%E5%9B%9B%EF%BC%9Avue-cli%E5%B7%A5%E7%A8%8Bwebpack%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%94

  • The CLI moved into a separate package: webpack-cli. Please install ‘webpack-cli‘ in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn ad

  • 报错日志 权限被拒绝 /node_modules/.bin/ 可以查看没有可执行权限 终端执行命 放开权限 chmod -R 755 ./*

 相关资料
  • 本文向大家介绍详解前端自动化工具gulp自动添加版本号,包括了详解前端自动化工具gulp自动添加版本号的使用技巧和注意事项,需要的朋友参考一下 之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查了资料,发现gulp还可以自动添加版本号,这个功能就为我平时在更新css或js时老是在客户端存在缓存导致更新后的效果

  • 本文向大家介绍使用gulp构建前端自动化的方法示例,包括了使用gulp构建前端自动化的方法示例的使用技巧和注意事项,需要的朋友参考一下 gulp是一个自动化构建工具,开发者可以用它来自动执行一些常见的任务。这里以我之前做的一个demo为例,简要介绍如何使用gulp实现前端工程自动化。 项目结构 其中src目录下表示的是项目的源代码,可以看到其中有less、js、html等,而dist目录则是保存的

  • 概述 安装和使用 安装 node >= 8.10.0 npm install -g loopback-cli apiconnect 使用 apic loopback npm install --save loopback-component-explorer cd <project> PORT=9001 apic edit 在目录server下面增加文件component-config.jso

  • gulp-cli Command Line Utility for Gulp Install npm install --global gulp-cli Usage > gulp [flags] <task> <task>... Custom Metadata When listing tasks with the gulp -T command, gulp-cli displays some c

  • Gulp与Grunt一样,也是一个自动任务运行器。它充分借鉴了Unix操作系统的管道(pipe)思想,很多人认为,在操作上,它要比Grunt简单。 安装 gulpfile.js gulp模块的方法 src() dest() task() watch() gulp-load-plugins模块 gulp-livereload模块 参考链接 安装 Gulp需要全局安装,然后再在项目的开发目录中安装为本

  • 概述 毫末科技的前端代码自动化的技术栈为: 制作前端组件:imgcook 前端组件文档:storybook 前端组件仓库:bit(bit.dev) 前端组件快速引入项目:xmind2code(毫末自研) + ice 组件编写规范见: 毫末xmind2code封装uniapp组件规范 其他相关技术 开源xLayers  商业Supernova  教程 imgcook 请见官方文档