generator-ng-es-6是一个用于生成 AngularJS 应用程序的 Yeoman 生成器。
在本教程中，我们将深入介绍如何使用 generator-ng-es-6 并生成一些新的 AngularJS 应用程序。由于本文假定您已经掌握了基础的 Node.js 和 Yeoman 知识，因此在本文中只涉及 generator-ng-es-6 的使用。
1. 安装 generator-ng-es-6
首先，您需要全局安装 yo 和 generator-ng-es-6。打开终端并输入以下命令：
npm install -g yo generator-ng-es-6
2. 使用 generator-ng-es-6
输入以下命令，启动 generator-ng-es-6：
yo ng-es-6
然后，您将被要求输入一些基本信息，如应用程序名称、模块名称等。此外，您还可以选择添加一些默认模块，例如 angular-resource 或 angular-ui-router。
What would you like to call your application? my-app What would you like to call your main module? my-module Would you like to include the following modules? (Press ENTER if not needed) - angular-resource - angular-ui-router
当您回答完所有问题后，generator-ng-es-6 将为您创建一个新的 AngularJS 应用程序。在创建过程中，您将看到一些输出，例如安装依赖项和运行 Grunt 任务等。
... I'm all done. Ready to get to work?
恭喜！您已经成功创建了一个新的 AngularJS 应用程序！
3. 运行应用程序
为了运行应用程序，您需要使用以下命令：
grunt serve
此命令将运行开发服务器，并自动打开浏览器。您的应用程序将马上开始运行。
4. 增加新的路由
在大多数情况下，您需要在应用程序中创建新的路由。为此，请使用以下命令：
yo ng-es-6:route my-route
此命令将为您创建一个名为 my-route 的新路由。在创建过程中，您将被要求选择您要使用的控制器、视图和样式表的类型。
? What type of controller would you like? (Press ENTER for none) 1) Plain javascript 2) Typescript ? What type of stylesheet would you like? (Press ENTER for none) 1) css 2) less
恭喜！您已经成功创建了一个新的路由。
5. 增加新的指令
指令是 AngularJS 应用程序的重要部分。为了快速创建新的指令，请使用以下命令：
yo ng-es-6:directive my-directive
与创建新路由的情况类似，此命令将为您创建一个新的指令。在创建过程中，您将被要求选择您要使用的模板和样式表的类型。
? What type of directive template would you like? (Press ENTER for none) 1) html 2) jade ? What type of stylesheet would you like? (Press ENTER for none) 1) css 2) less
完美！您现在可以继续创建其他类型的组件，例如服务、过滤器、常量等。祝您使用 generator-ng-es-6 获取更好的体验！
示例代码
以下是一个简单的示例代码，演示如何使用 generator-ng-es-6 生成新的 AngularJS 应用程序：
-- -------------------- ---- ------- -- ---- --------- ---- -- ------- -- ------ ----- ----- -- ------ -- ------------- -------- -- ------ -- ----------------- ------------
此示例代码演示了如何使用 generator-ng-es-6 创建应用程序、运行应用程序以及创建其他组件。希望本教程对您的学习和开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005522781e8991b448cfa66