简介
@beautywe/cli 是一款用于快速搭建小程序前端项目的命令行工具，它提供了模板生成、编译打包、代码上传等一系列完整的工程化流程，可以帮助开发者高效地完成小程序开发工作。
本文将详细介绍如何使用 @beautywe/cli 工具，从安装、初始化项目、开发和发布等多个方面逐步讲解，旨在帮助前端开发者更好地进行小程序开发。
安装
首先，您需要在本地安装 Node.js 版本为 8.0 或更高版本。您可以将 @beautywe/cli 安装为全局命令行工具，这样就能在任何地方使用它了。可以通过以下命令进行全局安装：
npm install -g @beautywe/cli
初始化项目
安装成功后，就可以使用 @beautywe/cli 工具初始化一个小程序项目了。具体步骤如下：
首先，选择一个文件夹作为您的项目根目录，然后进入该目录，在命令行中输入以下命令：
beautywe init
此时，@beautywe/cli 会自动创建一个默认的小程序项目，其中包括常见的配置文件和示例代码。
开发
在初始化完项目后，我们就可以开始开发了。@beautywe/cli 提供了许多便捷的命令，可以帮助我们快速生成新的页面、组件等，并能在开发过程中进行实时预览。
新建页面
如果需要创建一个新的页面，只需要在项目根目录中执行以下命令：
beautywe add-page
然后根据提示输入页面名称和路径，@beautywe/cli 就会自动为您创建一个新的页面，并将其添加到 app.json 文件中。
新建组件
如果需要创建一个新的组件，只需要在项目根目录中执行以下命令：
beautywe add-cmp
然后根据提示输入组件名称和路径，@beautywe/cli 就会为您创建一个新的组件。
实时预览
在开发过程中，可以通过以下命令启动一个本地的服务器，并实时预览小程序的效果：
beautywe preview
运行完命令后，浏览器会自动打开一个本地服务器，您可以在其中进行开发、调试和查看效果。
编译打包
当您完成开发后，可以使用以下命令编译并打包您的项目：
beautywe build
运行完命令后，@beautywe/cli 将会自动执行编译、压缩、打包等一系列操作，最终将生成的小程序代码保存到 dist 目录中。
发布
最后一步，就是将开发好的小程序发布到线上环境中。在此之前，您需要先完成小程序的认证，并通过微信公众平台获取到小程序的 appid。
接下来，可以使用以下命令进行代码上传：
beautywe deploy
然后根据提示输入您的小程序 appid 和对应的小程序代码版本号，@beautywe/cli 将会自动帮您上传代码，并将其发布到线上环境中。
结语
至此，我们已经学习了如何使用 @beautywe/cli 工具进行小程序开发、编译和发布等一系列操作。希望本文对您有所帮助。如果您有任何问题或建议，请在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672dc0520b171f02e1d15