前言
在现代 Web 开发过程中，自动化构建工具变得越来越重要。使用构建工具可以自动化地完成许多重复的、繁琐的任务，比如自动化构建、拼接和压缩 CSS 和 JavaScript 文件，将各个模块打包成一个整合的文件减少 http 请求、静态资源的优化等等。在众多构建工具中，Yeoman 是一个被广泛使用的 Web 应用程序生成器，它可以让你快速创建一个完整的 Web 应用程序的基础结构。
generator-nge 是 Yeoman 生成器的一个模板，用于快速从头开始创建一个 Angular 应用，包括 Sass 预处理器等流行的工具，它可以节省时间并提供一致的开发环境。这篇文章将提供一个详细的教程，引导你在本地安装 generator-nge，并创建一个全新的 Angular 应用。
准备工作
在开始使用 generator-nge 之前，确保你的系统已经安装了必要的软件包和工具，包括 Node.js、npm、Git、Yeoman 和 generator-nge。如果你还没有安装它们，请在终端运行以下命令安装：
- ---- ------- ------ - ---- ------- ------- ------ - ---- ------- ------- --- - ---- --- ------- --- - ---- --- ------- -- -- - ---- --- ------- -- -------------
除此之外，你还需要熟悉基本的 Angular 和 Sass 知识。
创建项目
现在，我们已经准备好开始创建一个新的 Angular 项目了。在命令行中，键入以下命令：
- -- ---
这将启动 generator-nge。接下来，你将看到一个交互式界面，要求你为新项目提供必要的信息。照着屏幕上的提示，输入你的项目名称、描述、作者、用于存储 Git 存储库的 URL 等。
在接下来的步骤中，你将看到一系列选项，这些选项将指导 generator-nge 为你创建一个新的 Angular 项目。在这些选项中，你将选择一些预定义的配置，比如 CSS 我们使用 Sass，我们将启用 TypeScript 等等。
安装依赖
在创建了一个新的 Angular 项目之后，你必须安装项目依赖，这些依赖包括项目需要的 Angular 包和辅助包。
- -- ---------------------- - --- -------
这里会通过 npm 下载和安装项目所需要的全部模块。
运行项目
现在，项目已经创建并安装了所有需要的依赖，你可以通过以下命令在浏览器中运行它：
- --- -----
这个命令会启动开发服务器，当你修改项目文件时，它们将自动重新装载到浏览器中。
构建项目
你可以通过以下命令构建应用程序：
- --- --- -----
这会将应用程序打包并编译成生产准备的 JavaScript、CSS 和 HTML，它们是可部署的。
结束语
在本文中，我们提供了一个详细的使用教程，通过 generator-nge 创建一个全新的 Angular 应用程序。希望这篇文章能够帮助你更加深入了解自动化构建工具，为你的下一个项目提供参考和指导。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562dc81e8991b448e0470