【前言】

这个也是从晓风写的文档上借鉴来的， 我做端到端测试的时候用的就是这个项目。

【正文】

项目流程

安装webstorm-持续集成服务器

下载地址：http://www.jetbrains.com.cn/webstorm.html

新建angular2项目

直接在命令提示符中输入：

ng new angular-cli-project

PS:angular2的基本文件已经创建，接下来就是下载项目所依赖的nodejs包，用ng new angular-cli-project,直接创建如果不终止的话，默认用npm从国外网站下载资源，下载速度极慢。所以基本文件下载完毕之后，终止进程，然后用cnpm下载项目所依赖的nodejs包

定位到项目目录

在命令提示符中直接输入：

cd angular-cli-project

安装项目依赖的所有node.js包

在命令提示符中直接输入：

cnpm install 

启动web服务器

直接在命令提示符中输入:

ng serve

效果图：

PS:除了用ngserve启动项目之外，也可以在命令提示符中直接输入：cnpm start开启。

3. 官方网站

Angular2中文官方网站：https://angular.cn/docs/ts/latest/tutorial/toh-pt1.html

PS

合作伙伴们，对于angular2搭建基本环境的基础上，首先可参照本文档初始化一个项目，之后在进行了解时可侧重了解一下：

元测试、typescript、数据的双向绑定、sass、指令、封装自定义的UI组件，其他Angular2的一些特性。

相关项目：

Angular2-seed、Angular2-spa-DataGrid、Angular2-typescript-gulp-master、switching-to-Angular2

PS:相关项目是放在GitHub上的，所以可通过命令提示符进行自行下载：

可参考十二期杨晓风的博客：《Angular2初步涉略》

另外相关研究的博客为：《Angular2之TypeScript》《前端工程化之Nodejs》

《前端工程化之NPM》《初识Gulp》

【总结】

基本的东西都总结全了， 接下来可能会写一些原理 。或者特性的东西， 算是进阶吧。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!