前言
在前端开发中，我们经常需要用到一些构建工具来帮助我们自动化构建，打包和部署我们的项目。而在 Node.js 生态圈中，最著名的构建工具当属 NPM（Node Package Manager）。
NPM 提供了海量的 Node.js 模块，让我们避免了从零开始编写许多常见任务的需要。而 goze-cli 就是其中的一个非常实用的 NPM 包，下面我们就来学习一下如何使用它！
什么是 goze-cli
goze-cli 是一个方便的命令行工具，它提供了许多 UI 设计和实现的帮助，包括视觉样式和预设的 Webpack 配置，让我们能够快速的搭建出一个漂亮的静态 Web 项目。
如何安装
使用 NPM 进行安装是最简单的方法，只需要在命令行中输入以下命令即可：
npm install -g goze-cli
其中 -g 参数表示全局安装，这样我们就能够在命令行中使用 goze-cli 命令。
如何使用
创建项目
首先，我们需要在命令行中输入以下命令来创建一个新的 goze 项目：
goze-cli create [project-name]
其中 [project-name] 是你想要创建的项目名称。
运行该命令后，goze-cli 会自动创建一个新的项目，并下载所需的依赖。
开发模式
在开发模式下，我们可以运行以下命令来启动我们的项目：
cd [project-name] npm run dev
使用该命令后，goze-cli 会启动一个本地服务器，我们可以在浏览器中访问 http://localhost:8080 来预览我们的项目。
此时，我们可以在浏览器中实时更新我们的项目，并通过控制台来查看我们的日志信息。
生产模式
当我们完成了我们的项目开发后，我们需要将它编译为 HTML、CSS、JavaScript 等静态资源，并发布到我们的服务器上。
使用以下命令来编译我们的项目：
cd [project-name] npm run build
这样我们就能够得到一个 dist 文件夹，其中包含了我们的编译后的静态资源，可以直接上传到服务器上进行部署。
结语
在本文中，我们学习了如何安装和使用 goze-cli 这个超实用的 NPM 包，它不仅能够快速地创建一个静态 Web 项目，还提供了方便的开发和部署功能。
由于 goze-cli 提供的功能非常强大，本文只是简单的介绍了 goze-cli 的基本使用方法，建议大家更多地阅读它的文档来深入学习。
示例代码：
// 整个项目文件夹结构具体见安装步骤中创建项目的命令行实例
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App)
}).$mount('#app')来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cbc81e8991b448da495