介绍
juyuan-cli 是一个基于 Node.js 的命令行工具，用于快速创建基于 Ant Design Pro 和 UmiJS 的 React 项目，提供了一系列的模板和命令行选项，大大提升了前端项目的开发效率和规范性。
本文将详细介绍 juyuan-cli 的使用方法，包括安装、创建项目、启动项目、构建以及自定义模板等内容，旨在帮助读者快速上手，并发掘 juyuan-cli 的更多功能。
安装
安装前提：需要先安装 Node.js 和 npm。
npm install -g juyuan-cli
创建项目
juyuan-cli 支持多种常见的项目类型，包括单页面应用（SPA）和多页面应用（MPA），其中 SPA 又可分为多种。以下是常见的项目类型及其对应的命令：
- Ant Design Pro SPA
juyuan create antd-pro
- Ant Design Pro MPA
juyuan create antd-pro-mpa
- UmiJS + dva + antd SPA
juyuan create umi-dva-antd
- UmiJS + dva + antd MPA
juyuan create umi-dva-antd-mpa
- 其他模板
juyuan create [template-name]
可以通过 juyuan list 命令查看所有支持的模板。
启动项目
进入项目目录，安装依赖：
cd [project] npm install
启动项目：
npm start
默认情况下，启动命令会在本地启动一个开发服务器，并在浏览器中自动打开项目首页。项目的源代码都保存在 src 目录中，可以根据需求进行修改。
构建
项目开发完成后，运行以下命令构建项目：
npm run build
构建完成后，生成的代码会保存在 dist 目录中，可以将它们部署到服务器上。
自定义模板
juyuan-cli 的模板都是基于 Create React App 和 UmiJS 创建的，可以通过自定义模板来实现更多的定制化需求。以下是自定义模板的步骤：
在本地创建一个新项目，并添加你想要的特性和组件。
将项目从本地提交至 GitHub 等代码托管平台。
在 juyuan-cli 中使用自定义模板：
juyuan create [template-name] --template [username/repo]
其中，template-name 为自定义模板的名称，username/repo 是你的自定义模板所在的库的 GitHub 地址。例如：
juyuan create my-project --template juyuan-org/custom-template
总结
本文详细介绍了 juyuan-cli 的安装、使用及自定义模板等内容，希望能对读者有所帮助。juyuan-cli 作为一款优秀的前端脚手架工具，具有高度的可扩展性和定制化能力，可以在前端项目的开发和维护中提高效率和代码质量，大大降低开发成本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f9d9381d61a3540fa5