在前端开发中，使用搭建框架可以让我们工作效率更高。Yo-Angular2就是这样一个使用Angular2构建应用的脚手架工具。本文将介绍Yo-Angular2的安装及使用教程，并提供示例代码。
安装 Yo-Angular2
Yo-Angular2是一个npm包，因此需要首先安装Node.js环境。安装完Node.js后，在终端中输入以下命令：
npm install -g yo generator-angular2
上述命令将全局安装yo和generator-angular2两个npm包。安装完成后，我们可以使用yo和generator-angular2来创建和构建Angular2应用。
创建应用
接下来，我们使用Yo-Angular2创建一个Angular2应用。在终端中进入项目文件夹，然后输入以下命令：
yo angular2
接着，Yo-Angular2将会询问一些关于项目的问题，比如应用名称、要使用的CSS框架等。按照提示回答问题即可。完成这些步骤后，我们就创建了一个Angular2应用。
构建应用
在创建应用后，我们就可以使用以下命令来构建应用：
npm run build
构建命令将会编译TypeScript代码、压缩和优化项目中的代码，并将应用输出到dist目录中。
运行应用
最后，我们可以使用以下命令来运行应用：
npm start
上述命令将启动一个本地服务器，并在浏览器中打开应用。
示例代码
以下是一个简单的Angular2组件，用于显示一个问候语：
import { Component } from '@angular/core';
@Component({
selector: 'hello-world',
template: '<h1>Hello World!</h1>'
})
export class HelloWorldComponent {}可以将上述代码保存为hello-world.component.ts文件，然后在app.module.ts文件中引入并声明该组件：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------------- - ---- --------------------------
-----------
------------- -
-------------------
--
-------- -
-------------
--
---------- ---------------------
--
------ ----- --------- --最后，我们可以在app.component.html文件中使用该组件：
<hello-world></hello-world>
结论
经过本文的介绍，我们已经了解了如何安装和使用Yo-Angular2，创建、构建和运行Angular2应用。同时，我们还提供了一个示例代码，帮助您更好地理解和应用Yo-Angular2。
使用Yo-Angular2可以快速、轻松地构建Angular2应用，同时也可以有效地提升我们的工作效率。让我们开始使用Yo-Angular2来提升前端开发体验吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b8781e8991b448d922c