angularjs2.0之初体验

搭建本地开发环境


确保你已安装node npm

  1. 创建工程文件(工程文件可以命名为 quickstart
  2. clone or download 项目到你的工程文件
  3. 在工程文件下运行 npm install
  4. 运行 npm start 启动你项目

clone


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

download

下载项目源文件,解压的你的工程文件中(quickstart


cd quickstart
npm install
npm start


项目源文件结构简析

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

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

angularjs2.0之初体验_第1张图片

app.component.ts

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

app.module.ts

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

main.ts

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

你可能感兴趣的:(angularjs2.0之初体验)