Skip to content

快速上手

cpselvis edited this page Nov 8, 2019 · 15 revisions

安装

Feflow 从 v0.16.0 版本开始,不再支持 Node 8 以下的版本。

安装 Node.js

要求8.x版本以上,请直接前往Node.js官网传送门、或者使用 nvm安装。

安装 CLI

$ npm install @feflow/cli -g

安装完成后,可以输入 $ fef 看看是否安装成功,安装成功可能会如下显示:

安装成功示例

开始使用

初次使用 Feflow 时,比如使用 Feflow 创建一个项目,这个时候会检测本地安装的包管理器,包括:npm, tnpm, yarn 等,并提示用户进行选择。

选择包管理器

通过上下箭头(↑↓) 进行选择,然后按回车键确认。

安装模板或者插件

在 Feflow 中,使用 install 命令去安装一个一个模板(基于 Yeoman)或者插件。比如:

$ feflow install generator-react-startkit

输入这行命令,Feflow即会开始安装,安装的模板和插件会由 Feflow 统一管理,并且放在 ~/.fef 文件夹下(windows 在用户目录下的 .fef 文件夹)。

安装一个模板

创建项目

安装完模板后,再次运行 fef init 命令,这个时候 Feflow 会把所有通过 Feflow 安装的模板显示出来供用户选择,同样使用上下箭头选择,回车确认。

选择模板

之后,便走到脚手架的创建项目逻辑中了,比如:

填写项目信息

进行本地开发

项目创建完成后,可以进入到 my-project。可以发现每个由 Feflow 创建的项目都会有一个 .feflowrc.json (或者 .feflowrc.js、.feflowrc.yml、.feflowrc.yaml) 配置文件。这个配置文件指定了这个项目可以使用的套件命令。比如:

.feflowrc.json

{
    "devkit": {
        "commands": {
            "dev": {
                "builder": "feflow-devkit-react-startkit:dev",
                "options": {}
            },
            "build": {
                "builder": "feflow-devkit-react-startkit:build",
                "options": {}
            }
        }
    }
  }

这个项目配置文件中表示当前项目使用 feflow-devkit-react-startkit 这个开发套件,该套件提供了 devbuild 命令。

本地调试: 本地调试

生产环境打包: 生产环境

当然,可以根据业务实际需要去在开发套件里面实现 lintdeploy 等项目维度的命令。 备注:开发套件的最大优势是将构建脚本、部署脚本等逻辑完全对普通业务开发者进行屏蔽,统一团队构建和部署

Clone this wiki locally