介绍
generator-ng2-pro 是一个 Yeoman 生成器，用于快速创建基于 Angular 2 的 Web 应用程序。
generator-ng2-pro 提供了一个完整的脚手架，包括了 TypeScript、Webpack、Karma 单元测试、Protractor 端到端测试、SASS 等技术栈的集成。同时，它还支持打包、压缩和混淆代码，提供了便捷的开发、调试和发布工具。
安装
要使用 generator-ng2-pro，首先需要安装 Yeoman：
--- ------- -- --
然后安装 generator-ng2-pro：
--- ------- -- -----------------
使用
创建应用程序
使用命令行进入要创建应用程序的目录，然后执行：
-- -------
接下来，根据提示输入应用程序的名称、版本等信息，选择要使用的技术栈（TypeScript、Webpack、SASS 等）以及要集成的插件。
等待一段时间后，generator-ng2-pro 会生成应用程序的基本框架和文件结构。
开发应用程序
在创建了应用程序之后，就可以开始进行开发了。在命令行中执行：
--- -----
即可启动开发服务器。在浏览器中输入 http://localhost:8080，即可看到应用程序的运行效果。
此外，在开发过程中，可以使用以下命令：
npm test：运行 Karma 单元测试。npm run e2e：运行 Protractor 端到端测试。npm run build：打包、压缩和混淆代码。
发布应用程序
在应用程序开发完毕之后，需要将其发布到服务器上，供用户使用。可以使用以下命令：
--- --- -----
该命令会将应用程序的代码打包、压缩和混淆，并生成可部署的代码。将生成的代码上传到服务器上即可。
示例代码
------ - --------- - ---- ---------------- ------------ --------- ----------- --------- ----------- --------------- -- ------ ----- ------------ - ---- - -------- -
上面的代码定义了一个名为 AppComponent 的组件，它会在页面上显示一个标题，标题的内容为 “Hello, World!”。该组件是基于 Angular 2 框架构建的，可以直接使用 generator-ng2-pro 创建。
总结
generator-ng2-pro 是一个非常有用的工具，可以帮助开发人员快速创建基于 Angular 2 的 Web 应用程序，并提供了一整套完整的开发、调试和发布工具。如果您正在学习或使用 Angular 2，强烈推荐您尝试一下 generator-ng2-pro。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055d1f81e8991b448dac98