1. 什么是 fe-project-cli？
fe-project-cli 是一款基于 npm 包管理器的前端脚手架工具，它可以帮助我们快速创建一个前端项目的基础框架，包含了项目的基础结构、配置等，让我们更加专注于项目业务模块的实现，提高了开发效率。
2. 安装 fe-project-cli
fe-project-cli 是一个 npm 包，我们可以通过 npm 命令安装它。
npm install -g fe-project-cli
安装完成后，我们可以通过运行以下命令验证是否安装成功。
fe-project
如果安装成功，则会输出：
-- -------------------- ---- ------- ------ ---------- --------- --------- -------- --- --------- ------ --- ------- ------ --- ------ ------- ---- --- ------- --------- ------ --------- ---------- - --- ------- ---- --------- ------- ---- --- -------
3. 使用 fe-project-cli 创建一个项目
使用 fe-project-cli 创建一个新项目非常简单，只需运行以下命令：
fe-project init my-project
其中，my-project 是项目名称，我们可以自定义。
执行该命令后，会有一系列的问题需要我们回答，包括：
- 选择项目类型
- 是否需要安装 vue-router（或其他类库）
- 是否需要使用 eslint
- 是否需要使用 prettier
- 是否需要使用 Git 初始化项目
等等。
回答完问题之后，fe-project-cli 就会自动下载所需的依赖包并进行项目的初始化工作，完全自动化，无需手工操作。
4. fe-project-cli 配置文件
fe-project-cli 的所有配置都在 fe-project.config.js 文件中进行，这个文件会在项目初始化时自动生成，并且会在每次执行 fe-project 命令时读取其中的配置。
下面是一个示例 fe-project.config.js 文件：
module.exports = {
type: 'vue',
router: true,
eslint: true,
prettier: true,
}其中，
type指定了项目类型，可选值有vanilla、vue、react等router表示是否需要安装 vue-routereslint表示是否需要启用 eslintprettier表示是否需要启用 prettier
这些配置项非常重要，可以为我们节省大量的时间和精力。
5. 使用 fe-project-cli 的注意事项
- fe-project-cli 依赖于 npm 包管理器，因此需要保证 npm 版本较新。
- 执行
fe-project命令时需要在当前文件夹下，否则会出现无法找到项目目录的情况。 - 在使用 fe-project-cli 过程中，可以多加观察控制台的输出信息，帮助我们及时发现问题并排除。
- 当项目依赖包更新时，我们可以通过执行
npm update命令来更新所有依赖包。
6. 总结
通过本文的介绍和分析，我们学习了如何使用 fe-project-cli 来快速创建前端项目，并深入了解了其配置、注意事项等内容。希望本文能对你有所帮助。最后，附上本文的示例代码：
npm install -g fe-project-cli fe-project init my-project
祝玩得开心！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f8d9381d61a3540f49