前言
对于前端开发者来说，npm 成为了必不可少的工具之一。npm 包含各种各样的插件，模块，工具等等。其中，@sage-cli/cli-utils 就是一款十分实用的 npm 包，它能够帮助我们快速搭建 web 项目。
什么是 @sage-cli/cli-utils
@sage-cli/cli-utils 是一个 npm 工具包，用于快速搭建 web 项目。它提供了很多实用的功能，比如自动生成目录结构、自动生成路由配置、自动引入插件等等，极大地缩短了我们编写项目的时间。
如何使用 @sage-cli/cli-utils
首先，我们需要全局安装 @sage-cli/cli-utils：
npm install -g @sage-cli/cli-utils
安装完成后，我们可以使用命令行工具 sage-cli 来创建一个新项目：
sage-cli create my-project
这里的 my-project 就是我们要创建的项目名称。sage-cli 会自动在当前目录下创建一个名为 my-project 的文件夹，其中包含了整个项目的骨架。
接下来，我们可以进入 my-project 文件夹，运行如下命令来启动项目：
cd my-project npm run dev
这里的 npm run dev 是运行 package.json 中的 scripts 中的 dev 命令，会启动一个本地开发服务器，并自动打开浏览器访问主页面。
@sage-cli/cli-utils 的核心功能
现在，我们来看一下 @sage-cli/cli-utils 的核心功能。
自动生成目录结构
在创建项目的过程中，sage-cli 会自动为我们生成一个标准的目录结构。我们可以在这个基础上进行空间新建、文件夹重命名或移动等操作。
-- -------------------- ---- ------- -------- - - ----------- - - ---------- - - - -------- - ----- - - -------- - - - ------ - - ------------ - - ------------ - - ------------ - - ------------ - - ------------- - - -------------- - - - ----- - - -------- - - - ---- - ------- - ----- - - -------- - - - ----- - - -------- - - - -------- - - ----- - - - -------- - - - --------- - - - - - ----- - - -------- - - - ------------ - - -------------- - - - -------- - - -------- - - - -------- - - -------- - - - ------- - -------- - --------- - ---------- --------------- --------------- -------------- ------------ --------------- -------------- -----------
自动生成路由配置
使用 sage-cli 创建项目时，我们可以选择是否自动生成路由配置。如果选择是，sage-cli 将会为我们自动生成默认的路由配置，同时方便我们修改和扩展。
自动引入插件
sage-cli 还提供了一个插件自动引入机制，我们只需在 .sagecli.config.js 中配置插件，就可以在组件中直接使用插件。
module.exports = {
plugins: [
'@sage-cli/plugin-router',
'@sage-cli/plugin-vue'
]
}结语
@mage-cli/cli-utils 是一个非常实用的 npm 包，它能够帮助我们快速搭建 web 项目。通过自动生成目录结构、自动生成路由配置和自动引入插件，sage-cli 大大提高了我们的工作效率。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067359890c4f7277583e4a