【前言】
Angular2.0是基于TypeScript开发的一个前端框架，TypeScript是ES6的一个框架，所以也可以说是基于ES6开发的。AngularJS2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。
【运行环境】
由于目前各种环境（浏览器或 Node）暂不支持ES6的代码，所以需要一些shim和polyfill（IE需要）让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中。
从上图可以看出在 Es5 浏览器下需要以下模块加载器：
- systemjs - 通用模块加载器，支持AMD、CommonJS、ES6等各种格式的JS模块加载。
- es6-module-loader - ES6模块加载器，systemjs会自动加载这个模块。
- traceur - ES6转码器，将ES6代码转换为当前浏览器支持的ES5代码，systemjs会自动加载 这个模块。
【环境搭建】
开发Angular2.0项目有两种方式：一个是Angular-cli,另一个是利用webpack，两个选哪一个都可以，在这里我们使用Angular-cli 开发。
需要的基础工具有：
nodejs,npm,webstorm,(前两个的安装使用在之前的博客已经介绍过了，webstorm类似vs的一种开发工具，自行在下载吧）。
安装Angular CLI
window下：npm install -g angular-cli
【创建新的项目】
ng new 项目名字：
一直到安装完成，那么项目的框架基本上已经搭建完成了。
工程结构图如下：
就这样，最简单的angular2工程创建好了；
工程结构熟悉一下：angular-cli.json 是angular-cli的配置文件，测试配置文件karma.conf.js，typescript的lint配置文件，端到端的测试配置文件protractor.conf.js，导入es6模块的配置文件polyfills.ts，angular工程的main.ts引导启动文件，全局样式style.css，typescript配置文件ts.config.json;typescript的声明文件typings.d.ts,以及生成了最贱的的一个angular组建 app.components相关的css，html，ts。这些配置都是angular2的生产项目中需要配置的文件，angular-cli帮我们做了这么多事情，我们只用了一个命令；
启动
cd project_name
ng serve
浏览器输入 http://localhost:4200/ 就可以看到app works！
【总结】
Angular2.0的学习刚刚开始，接下来的博客里会慢慢介绍Angular的一些知识。因为是刚接触有理解的不对的地方，欢迎指出。
原文链接：https://www.f2er.com/angularjs/147999.html