【Angular2】 如何创建一个Angular2项目

【前言】

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

【正文】

            

项目流程

安装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》

【总结】

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