什么是 wee3-cli
wee3-cli 是一个基于 Node.js 的命令行工具，用于快速搭建 web 项目的脚手架工具。通过 wee3-cli，你可以快速生成一个基于 React/Vue/Angular 等框架的 web 项目，省去了手动搭建项目的麻烦过程，大大提高了开发效率。
如何安装 wee3-cli
全局安装 wee3-cli：
npm install -g wee3-cli
如何使用 wee3-cli
生成新项目
通过 wee3-cli，可以生成基于不同框架的 web 项目。比如，你要创建一个基于 React 的 web 项目，可以执行如下命令：
wee3-cli create my-react-app --template react
说明：
my-react-app：你需要创建的项目名称--template react：指定要生成的项目模板
除了 React，wee3-cli 还支持生成 Vue、Angular、Webpack 等多种项目模板，具体可用选项可通过以下命令查看：
wee3-cli create --help
选项说明
-h, --help：查看使用帮助-V, --version：查看 wee3-cli 版本号-t, --template [template]：指定项目模板，可选值有 react、vue、angular、webpack 等-f, --force：强制覆盖已存在的目录-d, --debug：启用调试模式
生成模板项目说明
生成模板项目后，wee3-cli 会自动安装项目依赖，并初始化必要的文件结构。以 React 项目为例，你将得到如下结构：
-- -------------------- ---- -------
-------------
--- ---------
--- -------------
--- ------------
--- ----
- --- -------
- --- ------
- --- -----------
- --- ---------
- --- --------
- --- --------
- --- ----------------
--- -------
--- -----------
--- ----------
--- -----------
--- -----------
--- -------------
--- ----------添加新组件
wee3-cli 还支持添加新组件，比如在 React 项目中添加一个新的组件，可以执行如下命令：
wee3-cli add-component my-component
说明：
my-component：你需要创建的组件名称
此命令会在 src/components/ 目录下生成一个新的组件目录和文件：
src/
└── components/
└── my-component/
├── index.js
├── styles.css
└── test/
└── my-component.test.js部署项目
部署前需要先打包项目，可以通过如下命令打包项目：
wee3-cli build
执行成功后，将生成一个 dist 目录，用于部署到服务器上。你可以将 dist 目录中的所有文件直接上传到服务器即可完成部署。
小结
通过 wee3-cli，我们可以轻松地快速搭建一个 web 项目，省去了大量手动搭建的麻烦过程，提高了开发效率。同时，wee3-cli 还支持添加新组件、打包部署等功能，让前端开发变得更加简单快捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596581e8991b448d6e39