前言
随着前端技术的快速发展，前端开发工具的数量也越来越多。为了方便开发者快速搭建项目框架，很多框架或工具都提供了相应的脚手架(cli)。
js-cli-boilerplate 是针对前端项目开发的一个脚手架，能够快速帮助你搭建一个标准的项目框架。接下来，我们将为您详细介绍如何使用这个工具。
环境准备
在开始使用 js-cli-boilerplate 前，需要确保您的电脑已终端支持 node 环境，您可以通过以下命令来检查：
$ node -v > v12.18.3 $ npm -v > 6.14.6
如果您的电脑上没有安装 node 环境，请先按照官方文档进行安装。
安装
在确认您的环境支持 Node.js 后，就可以在您的终端中使用以下命令来安装 js-cli-boilerplate：
$ npm install -g js-cli-boilerplate
安装成功后，我们就可以使用 js-cli-boilerplate 命令来创建一个新的项目。
使用
创建一个新项目
如下图所示，我们可以通过 js-cli-boilerplate 命令来创建一个新的项目：
$ js-cli-boilerplate create my-project
其中，my-project 为您指定的项目名，执行该命令后，脚手架会在当前路径下创建 my-project 的项目目录：
-- -------------------- ---- ------- ----------- --- ------------ --- --- --- --- ------ --- --- ---------- --- --- ----- --- --- --- --------- --- --- ------- --- ------ --- --- ---------- --- --- ----------- --- ---------
在上面的目录中，src 目录是我们的源代码目录，public 目录是公共文件目录，其中的 index.html 文件是我们的入口文件。package.json 文件是项目的依赖管理文件，其中包含这个项目所需的所有 JavaScript 库.。
此时，我们已经通过 js-cli-boilerplate 命令成功创建了一个简单的项目。
启动项目
在创建项目后，我们可以使用以下命令启动项目：
$ cd my-project $ npm run serve
此时，我们就可以在浏览器中访问 http://localhost:8080/ 来访问我们的项目。
Lint 和测试
一般情况下，我们在开发期间需要进行代码检测、测试等操作，js-cli-boilerplate 已经自带了 Lint 和测试工具，使用如下命令来运行它们：
$ npm run lint $ npm run test:unit
打包项目
在开发完成后，我们需要对项目进行打包。使用以下命令打包：
$ npm run build
此时打包后的文件会被生成在名为 dist 的目录中。
总结
使用 js-cli-boilerplate 可以快速方便地搭建一个基本的前端项目框架。在开发中，我们可以利用它提供的 Lint、测试等工具来保证代码的质量，并使用打包功能来进行项目发布。同时，js-cli-boilerplate 也为我们提供了方便的插件机制，可以根据我们的需要进行定制化，非常方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de083