在 Web 开发中，使用自动化构建工具来帮助开发者提高效率是必不可少的。generator-deviance 是一个基于 Yeoman 的 npm 包，能够帮助开发者快速搭建项目的结构以及相关的配置文件，例如 webpack 配置文件、eslint 配置文件等等。本文将详细介绍如何使用 generator-deviance。
安装
使用 generator-deviance 需要先安装 Yeoman，如果您还没有安装 Yeoman，请先运行以下命令进行安装：
npm install -g yo
安装完 Yeoman 之后，就可以安装 generator-deviance 了：
npm install -g generator-deviance
使用
创建项目
使用 generator-deviance 创建项目非常简单，只需在命令行中执行以下命令：
yo deviance
然后按照提示输入项目名称、项目类型、是否使用 TypeScript 等信息，就可以自动生成项目的结构和相关的配置文件了。
添加组件/页面
在创建完项目之后，可以使用以下命令在项目中添加新的组件或页面：
yo deviance:component yo deviance:page
执行以上命令之后，按照提示输入组件/页面名称，就可以在项目中生成对应的文件了。
自定义模板
如果你的项目需要使用自定义模板来生成文件，可以在项目根目录下创建一个名为 .yo-rc.json 的文件，并在该文件中添加以下内容：
-- -------------------- ---- -------
-
--------------------- -
------------ -
-
------- --------------
------- ---------------
-
-
-
-其中，templates 数组用于存放自定义模板的配置信息，name 属性表示模板的名称，path 属性表示模板所在的路径。
然后，在执行 yo deviance:component 或 yo deviance:page 命令时，可以使用 --template 参数指定使用哪一个模板，例如：
yo deviance:component my-component --template my-template
总结
通过本文的介绍，相信大家已经了解了如何使用 generator-deviance 快速搭建项目以及添加组件/页面、自定义模板等操作。在实际开发中，合理使用自动化构建工具能够帮助开发者提高效率，希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005623581e8991b448df835