在前端开发中，我们经常需要使用很多重复的代码和模板。这时候使用 generator 工具就能减少我们的工作量，提高我们的开发效率。generator-adorevue 就是一个非常实用的 npm 包，它可以快速生成 Vue.js 项目的基础模板。
安装 generator-adorevue
首先你需要在自己电脑上安装 Yeoman，Yeoman 是一个基于 Node.js 平台的、可扩展的代码生成器。你可以通过以下命令安装：
npm install -g yo
然后安装 generator-adorevue：
npm install -g generator-adorevue
使用 generator-adorevue
当我们完成安装后，即可在命令行中运行以下命令，生成一个新的项目：
yo adorevue
然后我们会看到这样的一些提示：
? What is your project name? ? What is your project description? ? Do you want to use Vuex? (y/N) ? Which ESLint config do you want? (Use arrow keys) > vue-recommended airbnb standard
根据提示填完信息后，就可以开始生成项目了，生成完成后我们可以在当前目录中看到生成的项目文件。
一些常用命令
除了上面的生成项目之外，generator-adorevue 还提供了一些常用的命令：
- yo adorevue:view：创建一个新视图
- yo adorevue:component：创建一个新组件
- yo adorevue:store：创建一个新 Vuex store
示例代码
下面我们来看一个例子，生成一个名为 "demo" 的项目：
-- -------------------- ---- ------- -- -------- - ---- -- ---- ------- ----- ---- - ---- -- ---- ------- ------------ ------- -- ----- ------------------ - -- --- ---- -- --- ----- --- - ----- ------ ------ -- --- ----- --------------- -- ---- --- ------- --- --- ---
最后运行 npm run dev 启动项目，即可看到 demo 项目的基础模板文件和运行效果。
总结
generator-adorevue 是一个非常实用的 npm 包，可以让我们快速生成 Vue.js 项目的基础模板。在实际开发中，我们可以根据项目需求自定义配置，其中常用的命令包括创建视图、组件和 Vuex store。使用 generator-adorevue 可以有效减少我们的工作量，提高我们的开发效率，也是我们前端工程师的必备工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eaf81e8991b448dc3c1