搭建本地开发环境
<p></p>
确保你已安装<a href='https://angular.io/docs/ts/latest/guide/setup.html#!#install-node'>node npm</a>
- 创建工程文件(工程文件可以命名为
quickstart
) - <a href=''>clone</a> or <a href=''>download</a> 项目到你的工程文件
- 在工程文件下运行
npm install
- 运行
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编译器
编译应用,使其可以在浏览器上运行。