Angular2环境搭建以及运行第一个Angular项目

安装node.js:

https://nodejs.org/en/download/

下载一个Windows版本的64位的msi文件，可以直接安装。

安装后查看是否安装成功（nmp被整合在一起了）

Node -v

Npm -v

这里有个问题，在执行 npm install -g @angular/cli 之前是否需要执行 npm install -g typescript typing

我当时的情况是，我直接执行 Install cli，不能成功，看了网上了资料需要先install typescript.

所以先install typescript,后install cli,成功。

Cli stall 后， ng  new appname(如：ng new my-app)

这里创建项目需要一定的时间。

项目创建后， 执行cd my-app（到项目目录下）

执行 ng serve –-o

项目会被编译，编译成功后，会自动打开浏览器，运行http://localhost:4200/

但是这里有一个问题：(这只是我当时遇到的情况)

用IE浏览器运行的页面能运行出来，但是却是空白的，官方文档上面运行的页面时是有log和link的。

这怎么回事？各种重新编译，各种重新new app，还是不行。

将http://localhost:4200/ 放到google运行，就出来效果了。 WTF?

由于IE 9-11需要额外的ES 6的import,

在src/polyfills.ts文件中 uncomment es6的import 如下：

在IE上再次运行，成功显示内容。

参考官方文档，了解angular2项目的搭建和项目中各个文件的作用：

AngularJS中文官网