什么是 @waitandsee/wasa-cli？
@waitandsee/wasa-cli 是一个前端开发工具，它能够快速生成基础的前端项目，并且集成了常用的前端工具，如 webpack、react、vue、sass 等，方便前端开发者快速开始新项目，提高开发效率。
如何使用 @waitandsee/wasa-cli？
首先，我们需要全局安装该 npm 包：
npm i -g @waitandsee/wasa-cli
安装完成后，我们可以在命令行中使用 wasa 命令来初始化一个新的项目：
wasa init <project-name>
其中，<project-name> 是项目名称，执行该命令后，@waitandsee/wasa-cli 会自动下载模板，并在当前目录下创建一个新的目录，将模板文件全部拷贝到该目录中，并根据用户输入的项目名称，自动替换相关的变量（如 package.json 中的 name 字段）。
同时，该命令会自动帮我们执行 npm install，将项目所需的 npm 包安装到 node_modules 目录中，让我们可以快速开始项目开发。
@waitandsee/wasa-cli 的进一步使用
除了以上的初始化项目的功能，@waitandsee/wasa-cli 还提供了一些其他的命令，方便我们在开发项目时的使用：
开发模式
在开发项目的过程中，我们可能需要启动一个本地服务器，并监听文件的改变，实现热重载功能，方便我们实时预览开发效果。@waitandsee/wasa-cli 提供了以下命令：
wasa dev
该命令会启动一个本地服务器，并自动打开浏览器，您可以在浏览器中访问 http://localhost:8080 查看页面。此时，wasa-cli 会自动监听您所修改的文件，并在您保存后，自动重新编译，并刷新页面。
编译生产版本
在项目开发完成后，我们需要将项目打包成一个生产版本，并上传到服务器上，让用户可以访问。@waitandsee/wasa-cli 提供了以下命令：
wasa build
该命令会将项目编译成一个生产版本，并将编译后的文件放置到 dist 目录下。我们可以将该文件夹上传到服务器上，以供用户访问。
示例代码
以下是一个简单的示例代码，帮助您更好地理解 @waitandsee/wasa-cli 的使用方法：
-- -------------------- ---- ------- -- ------- ---- ---- ---------- -- ------- -- ---------- -- ------- ---- --- -- ------ ---- -----
总结
以上就是关于 @waitandsee/wasa-cli 的使用教程，希望可以帮助到前端开发者，让大家可以更加方便地开发项目，提高效率。当然，这只是一个入门级的教程，如果你想深入了解 @waitandsee/wasa-cli 的更多功能，建议您参考其官方文档，深入学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005609b81e8991b448ded4b