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中文官网

猜你喜欢

转载自blog.csdn.net/qq_26817225/article/details/82588674