当越来越多的 web app 使用 Angular 1构建的时候，更快更强大的 Angular 2 将会很快成为新的标准。
Angular的新约定使得它更容易去学习、更快的去开发 app。通过本教程学习更快速。更强大的 Angular 版本。
Angular 一个跨移动和桌面的框架
快速开始
本指南指导你如何构建一个简单 Angular app。
可以使用typescript/ JavaScript / Dart任意一种语言来编写Angular app，本教程采用JavaScript。
看它运行
运行实例是学习一个 Angular app 如何实现的最快的方式。
点击链接启动一个浏览器，会使用 plunker 来加载运行一个简单的示例。
文件的组织结构：
对我们来说，它只是一个index.html，style.css 和包含三个JavaScript文件的 app 文件夹组成的简单的 Web 目录。
当然，我们仅在 plunker只能构建简单的示例。我们关掉它开始一个真实的实践。
搭建我们的开发环境；
为我们的 app 编写 Angular 根组件；
添加 Angular 模块；
引导它去控制主页面；
编写主页面(即index.html)；
添加 CSS 样式(style.css)；
如果我们跟着指南的步骤一步步去实践，那么我们可以在 5 分钟内创建一个入门项目。
但是，大多数人总会陷入“why”和“how”中，花掉许多时间。
开发环境
我们需要一个地方去容纳你的项目文件，你的编辑。
创建新的文件夹：
mkdir angular-start cd angular-start
添加需要的函数库
我们推荐使用 npm 包管理器来获得和管理我们的开发库。
不会使用 npm，点击链接开始学习，因为本教程是通过它来创建的。
添加 package.json 文件，直接 copy：
{ "name": "angular2-quickstart", "version": "1.0.0", "scripts": { "start": "npm run lite", "lite": "lite-server" }, "license": "ISC", "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0", "@angular/upgrade": "2.0.0", "core-js": "^2.4.1", "reflect-metadata": "^0.1.3", "rxjs": "5.0.0-beta.12", "zone.js": "^0.6.23", "angular2-in-memory-web-api": "0.0.20", "bootstrap": "^3.3.6" }, "devDependencies": { "concurrently": "^2.0.0", "lite-server": "^2.2.0" } }
通过 npm 命令安装这些包。
npm install
第一个 Angular 组件
组件是 Angular 中一个最基本的概念。一个组件管理一个视图(一块给用户展示信息、响应用户的页面)
技术上来讲，一个组件是一个控制某各视图模板的类。我们为搭建 Angular app 写许多代码。这是我们第一次尝试所以我们将会保持尽量的简单。
创建项目源文件夹
我们将我们的应用程序源代码放在一个根目录下的app/子文件夹下。mkdir app，cd app
添加一个组件文件
添加一个app.componet.js的文件并写入下面内容：
(function(app) { app.AppComponent = ng.core.Component({ selector: 'my-app', template: '<h1>My First Angular App</h1>' }) .Class({ constructor: function() {} }); })(window.app || (window.app = {}));
我们通过链接一个组件和属于 Angular 全局明明区间类方法ng.core写入一个可视的 AppComponet 组件。
app.AppComponent = ng.core.Component({ }) .Class({ });
这个组件方法用到一个含3个属性的对象。类方法使我们实现这个组件，给它赋予属性和方法就会绑定到视图，无论它的变现是否适合 UI。
模型
Angular 应用程序时模块化的。各个基友特定功能的模型链接在一起。
ES5 JS没有一个本地的模块系统。有许多流行的第三方类库系统我们可以使用。同样，为了简化和避免选择，Angular 为应用程序创建一个单独的全局命名区间。
我们在这个全局对象唤醒 app 且添加我们所有的代码构件。
我们不想去污染这个全局命名空间。所以在每个文件里我们把代码放入一个“IIFE”（Immediately Invoked Function Expression）。
(function(app){ })(window.app || (window.app={}));
我们通过这个全局的app命名空间对象传入 IIFE，如果他还不存在则使用一个空对象初始化它。
大多数的应用文件通过添加事物来输出东西到app命名空间。app.compont.js文件输出AppComponent。
app.AppComponent =
有一个比较复杂的应用程序会有子组件遗传自AppComponent在一个真是的树模型上。一个比较复杂的应用程序将有更多的文件和模块。
start示例并不复杂；一个组建时我们需要的。在这个小的应用程序里模块化扮演了基本组织的应用规则。