FIE套件是特定业务的整体解决方案模板,提供全链路开发解决方案,从最初本地项目初始化,到开发过程中的调试、构建和最终的代码发布上线等功能都由套件提供。
使用FIE套件,可以享受到一致化的开发体验。FIE对前端相关的开发生命周期进行了抽象,将所有开发过程划分为六个阶段,每个阶段由一个固定的子命令加以支持。不管开发哪种业务体验完全一致。不再需要记忆复杂冗长的命令,记住六个 FIE 固定子命令打遍天下都不怕。
可以使用fie install [toolkit-name]
命令进行套件的安装。当然,fie本身也会自动判断本地是否存在该套件,若不存在也会自动进行安装。
# 安装聚星台套件
$ fie install toolkit-blue
初始化项目结构
使用套件进行业务开发时,一般 fie init 是您需要执行的第一个命令,执行该命令后默认为会显示一个可用套件列表菜单待您选择,根据您的业务模型选择合适的套件后即会根据套件的设置初始化您的目录结构和一些基本配置信息。
开启本地开发环境
使用 fie start 命令可以在本地项目目录快速启动一个开发调试服务(如果是开发 Web 页面,一般套件会实现一个 Web Server)。同时会监听项目文件的变化,进行实时编译。
添加项目子文件模板
当您在开发过程中需要添加标准化项目元素时,使用 fie add 来实现非常便捷,且可以百分百保证添加元素结构的正确性。可以添加模块、页面、规则等各种内容,这依赖于套件脚手架的配置。
执行测试任务
如果您的项目 /test 文件夹中提供了相关的单元测试脚本,执行 fie test
时将自动运行这些单元测试。
源码构建与打包
如果您想获取本地源代码构建后的内容,执行 fie build
即可。fie 会将源码进行压缩、合并最终输出到 build
目录
发布项目代码
执行 fie publish
后将执行项目仓库中对应开发分支下的代码发布任务。根据不同套件所支持业务的特点,最终将构建后的代码发布到对应的环境。比如 assets 代码可以发布到 CDN。
查看套件帮助
在项目根目录下,执行fie help
命令,会显示当前项目的套件帮助信息。不同套件可能有一些不同的命令。若不在项目根目录,执行该命令,只会显示 fie的帮助信息。
-
初始化项目
# 创建并进入项目文件夹 $ mkdir my-project && cd $_ # 初始化blue的开发环境 $ fie init blue
-
开启本地环境
# 开启blue的开发环境 $ fie start
- 添加子页面
# 添加名为simple的简单页面到项目中 $ fie add lp simple
-
项目编译及打包
# 打包blue项目的到指定的目录 $ fie build
-
发布项目代码
# 将编译后的代码发布至CDN环境 $ fie publish