在现代前端开发中，使用框架和工具已经是必不可少的。其中，Angular2 是一个非常流行的前端框架，它可以帮助我们快速构建单页应用程序（SPA）。但是，手写大量的代码以及繁琐的配置可能会让人疲惫不堪。为此，我们可以使用 npm 包 angular2-gen，来让自己的编码变得更加高效。
安装 angular2-gen
我们可以通过 npm 来安装 angular2-gen：
npm install -g angular2-gen
使用 angular2-gen 创建项目
安装完成之后，我们就可以使用 angular2-gen 来创建 Angular2 项目。使用以下命令可以初始化一个名为 my-app 的项目：
angular2-gen my-app
这条命令会在当前路径创建一个名为 my-app 的文件夹，并在其中生成一个基本的 Angular2 项目。
添加路由
我们可以使用以下命令来添加一个名为 “home” 的路由：
angular2-gen route home
这个命令会在当前路径下的 src/app/routes 文件夹中创建一个名为 home 的文件夹，并在其中生成一个基本的路由模块。我们可以在该模块中添加我们需要的路由。
添加组件
我们可以使用以下命令来添加一个名为 “header” 的组件：
angular2-gen component header
这个命令会在 src/app/components 文件夹中创建一个名为 header 的文件夹，并在其中生成一个基本的组件。我们可以在该组件中添加我们需要的代码。
构建和运行
我们可以使用以下命令在本地构建并运行应用程序：
npm start
该命令将启动来自 Angular CLI 的开发服务器，并在默认端口（4200）上启动应用程序。
总结
使用 angular2-gen 可以帮助我们快速创建一个基本的 Angular2 项目，并自动生成一些常见的代码结构。不过，当我们需要更复杂的功能时，仍然需要手动写代码。但是，在大多数情况下，这个工具还是能够帮助我们提高开发效率的，特别是当我们需要快速搭建一个简单的应用程序时。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fd81e8991b448d51a7