简介
在前端工程化中，构建工具可以大幅度提高开发效率，同时也能提升代码质量和维护性。而 super-project-cli 就是一款强大的构建工具，它能为我们提供大量的开发和打包工具，例如 webpack、babel、eslint、prettier 等等。本文将为大家介绍如何使用 super-project-cli。
安装
安装 super-project-cli 相对简单，只需要在命令行中输入以下命令即可：
npm install -g super-project-cli
使用
安装完成后，我们可以使用 super-projct-cli 命令来创建一个新项目：
super-project-cli create <projectName>
其中，<projectName> 为你想要创建的项目名称。运行该命令后，会出现一个类似于以下的安装界面：
Use arrow keys to navigate. Which template do you want to generate? (Use arrow keys) >_ vue react typescript pwa
其中，我们可以使用方向键来选择我们需要生成的项目模板，同时按下回车确认。例如，我们选择了 vue 模板，代码便开始下载安装同步，建立一个 Vue.js 项目。
下载完成后，我们可以进入项目目录并运行以下命令：
npm run dev
这会启动一个本地服务器，我们可以在浏览器中输入 localhost:8080 来查看我们的项目。
构建
当我们在开发过程中，需要使用到一些打包工具的时候，我们可以运行以下指令来进行项目打包：
npm run build
打包完成后，你的项目代码会被打包成一个 dist 文件夹，该文件夹下的代码就是符合生产环境运行的代码。
配置
在 src 目录下，有一个 config 文件夹，其中包含着各种不同环境下的配置文件。例如在 dev.js 文件中，我们可以设置我们的开发环境 API 地址，例如：
module.exports = {
api: {
baseUrl: 'http://localhost:3000'
}
}在我们的项目中，我们可以使用 import config from '@/config/dev.js' 来引入该配置文件，并通过 config.api.baseUrl 来获取该地址。
我们也可以根据不同的环境来选择不同的配置文件，例如当我们构建一个生产环境的项目时，我们可以选择使用 prod.js 文件中的配置。
结语
本文向大家介绍了如何安装、使用、构建和配置 super-project-cli，希望能对大家的工程化开发有所帮助。在使用该工具时，也可以根据自己的需求来定制化配置，以便更好地满足项目开发的需要。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663081e8991b448e215d