什么是 @rosetta/cli？
@rosetta/cli 是一个让前端开发者更加高效的命令行工具。它支持快速初始化项目，生成代码模板以及构建、打包等前端项目的基本操作。同时，@rosetta/cli 提供了丰富的插件，可以让开发者根据自己的需要进行定制，从而可以更好地满足项目的需求。
如何安装 @rosetta/cli？
@rosetta/cli 是一个 node 包，在使用前需要先安装 nodejs 和 npm，这两个工具可以通过官方网站下载。
在安装好 node 和 npm 后，可以通过以下命令安装 @rosetta/cli：
npm install -g @rosetta/cli
注：-g 表示全局安装，这样可以在任意目录使用 @rosetta/cli 命令。
如何使用 @rosetta/cli？
1. 初始化项目
在命令行界面输入以下命令来初始化一个项目：
rosetta init my-project
这个命令会在当前目录下生成一个名为 my-project 的项目。@rosetta/cli 在初始化项目时会询问一些问题，比如要不要自动生成 git 仓库、使用哪些插件等，根据自己的需要进行选择即可。
2. 生成代码模板
@rosetta/cli 提供了丰富的代码模板，可以大大提高开发效率。以下是一些常用的代码模板：
生成 vue 组件模板：
rosetta generate component my-component
生成 vue 页面模板：
rosetta generate page my-page
3. 安装插件
@rosetta/cli 提供了各种各样的插件，以下是一些常用的插件：
vue-cli-plugin-axios：集成 axios，可以更方便地进行网络请求。
rosetta add @vue/cli-plugin-axios
vue-cli-plugin-element：集成 element-ui，可以更快速地开发界面。
rosetta add @vue/cli-plugin-element
4. 构建、打包项目
在项目目录下，输入以下命令可以构建项目：
rosetta build
这个命令会将项目源代码编译成可部署的网页。
在项目目录下，输入以下命令可以打包项目：
rosetta package
这个命令会将项目打包成压缩包，方便上传到各种网站。
结语
@rosetta/cli 是一个功能强大的工具，可以使前端开发变得更加高效。通过学习和使用 @rosetta/cli，我们可以更好地提高开发效率，从而让项目更加出色！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066dab7108f76aa73eca4e