介绍
在前端开发中，我们经常需要创建一些项目，配置一些基础的资源和框架，例如 webpack 的配置，ESLint 等。手动搭建这些项目往往比较耗时和繁琐，为了提高开发效率，我们可以使用 nge-generator 这个 npm 包来快速创建并配置项目。
安装
在安装 nge-generator 之前，我们需要先安装 Node.js 和 npm。如果您还没有安装，可以前往 Node.js 官网 下载安装并完成环境配置。
安装 nge-generator 可以通过 npm，执行以下命令即可：
npm install -g nge-generator
使用
创建项目
使用 nge-generator 创建新项目非常简单，只需要执行以下命令：
nge new my-project
其中 my-project 是你的项目名称，可以根据实际情况修改。执行命令后会自动生成一个名为 my-project 的文件夹，并且自动下载安装所需的依赖。
添加组件
当我们需要添加一个新的组件时，可以使用 nge-generator 提供的 add 命令：
nge add component my-component
以上命令将在 src/app/components 目录下添加一个名为 my-component 的组件。
除了组件，我们还可以添加服务、指令、管道等等。
配置
在生成的项目中，可以通过修改 nge.json 文件来配置项目。
-- -------------------- ---- -------
-
---------- -------------
-------- -------
------- -----
-------- ----------
---------- -
------------- -----
----------- ----
--
---------- -
------------- -------
------------- ----
--------------- -
---------- ----------------
-
-
-其中的选项包括：
package：项目名称。style：CSS 预处理器类型，包括css、scss、less等。port：运行的端口号。theme：主题模板名称。angular：Angular 相关选项。animations：是否启用 Angular 动画。material：是否使用 @angular/material。webpack：Webpack 构建相关选项，包括输出路径，公共路径等。
总结
使用 nge-generator 可以快速创建 Angular 项目，提高开发效率。同时，还可以通过 add 命令添加各种组件，配置文件可以实现对项目的进一步定制化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600561ef81e8991b448df6a3