angularjs2.0之初体验

搭建本地开发环境

<p></p>
确保你已安装<a href='https://angular.io/docs/ts/latest/guide/setup.html#!#install-node'>node npm</a>

1. 创建工程文件（工程文件可以命名为 quickstart）
2. <a href=''>clone</a> or <a href=''>download</a> 项目到你的工程文件
3. 在工程文件下运行 npm install
4. 运行 npm start 启动你项目

clone

<pre>
git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start
</pre>

download

<a href='https://github.com/angular/quickstart/archive/master.zip'>下载项目源文件</a>，解压的你的工程文件中（quickstart）
<pre>
cd quickstart
npm install
npm start
</pre>
<br />

项目源文件结构简析

这个源文件为你以后项目工程的创建提供了一个坚实的基础，项目里有许多文件，现在先不用仔细去了解，以后用到的时候一个个去研究。

首先来看一下这三个必不可少的typescript文件

app.component.ts

应用程序的根组件，在应用的不断开发中，将会嵌套其他的组件，最终构建的成一个树形的结构。

app.module.ts

定义项目模块，这个根模块告诉angular如何收集众多的组件，所有用到的组件都在这里声明。

main.ts

利用JiT编译器编译应用，使其可以在浏览器上运行。