Angular2创建工程简介

Angular2和Angular1有很大的差别。这也是我学习的第一个框架，一切将从零开始。Angular2是谷歌联手微软最新推出的，主要使用TypeScript语言开发。
  中文教程
  构建Angular2工程，需要配置很多文件，包括构建工具，TypeScript编译配置等等。Angular2给我们提供了一个很好用的工具angular-cli,利用它可以很快的搭建起Angular2的开发环境。

创建工程

目前(2017-01-13)最新的angular-cli构建系统改成了webpack，所以需要安装最新的angular-cli。在要建立项目的目录下运行以下命令

$ npm install -g angular-cli@latest    //安装angular-cli

如果以前安装过angular-cli，请更新

$ npm uninstall -g angular-cli             //卸载
$ npm cache clean                         //清空缓存
$ npm install -g angular-cli@latest

安装完成后，便可以运行ng命令

$ ng help          //查看帮助命令

在要建立项目的目录下运行以下命令

$ ng new project-name         //建立新项目  e.ng new mydemo
$ cd project-name                 //进入到项目目录
$ ng server           //   运行angular服务器,此时打开浏览器，
                            //  访问http://localhost:4200 就可以看到页面的显示

还可以指定服务器运行的地址和端口号

$ ng server --ng server --host 0.0.0.0 --port 4201 

这样就搭建好了一个Angular2的项目，在这个基础上就可以进行开发了。
  有什么不懂的概念可以提问，我懂的话，会进行回复。我也是入门新手，希望能和大家一起交流^_

---

2017-01-14更新：
当你开发完项目，想要打包的话，就可以在项目目录运行以下命令

$ ng build

项目目录就是package.json文件所在的目录

后言

这是我的第一篇博客，希望能记录自己学习Angular2的历程，也希望能给想入门学习Angular2的同学一些帮助。
  自己在入门学习前端框架的时候，有很多概念不明白，后来看的资料多了，渐渐地知道了很多东西。我会把相关的知识点也总结出来，加深自己的理解，也给大家一些参考。
注意：我认为学习Angular2很好的方法之一就是去看官方教程，有中文版的，很方便。看完前面的开发指南部分就足以了解Angular2的大致原理了，当然官方教程有的地方概念可能很模糊，有地方不了解的同学，可以留言，我会尽量解答。