Angular 2.0 介绍
AngularJS 是一款来自 Google 的前端 JavaScript 框架,也是 SPA(single-page-application,单页应用)框架。AngularJS 框架的体积非常小,但是设计理念和功能却非常强大,极大地简化前端开发的负担,它快速成为了 JavaScript 的主流框架,帮助开发者从事 web 开发。
虽然 Angular 2 不要求使用 TypeScript,但 Angular 核心团队毫无疑问地拥抱它并在文档中默认使用它(** Google应该查一下是否核心开发团队被微软渗透了!**)。这意味着相关的例子以及开源项目可能让你感到更熟悉和一致。Angular 已提供了清晰的例子来说明如何使用 TypeScript 编译器。
版本2.0取消了1.X中的以下概念:
- 控制器(Controller)
- Directive(定义对象)
- $scope
- angular.module
- jqLite
从某些官方资料及文字上来看,从2.0开始,Angular是正式的名称,而不再是AngularJS。(** 请看我认真的表情 **)
如果你已经学习过AngularJS 1.0,那么没有关系,你所学习的知识,很多可以在Angular 2.0里面使用。如果你还没有学习过AngularJS 1.0,那就更加没有关系了,你可以全新开始学习Angular 2.0。
官方链接 Angular 1.0 、 Angular 2.0
对比及乱弹
- Angular 2 versus React: There Will Be Blood
- Angular 2 VS. React: 血色将至 (中文翻译)
- React vs Angular2: The fight rages on
- React vs Angular 2: 战争继续 (中文翻译)
- Angular 2.0 和 1.x比较
- Angular 2.0 浅入浅出
开发环境
1、代码编辑器 Visual Studio Code
选择Visual Studio Code,最主要的一个原因是TypeScript支持,毕竟TS是微软自家的产品,而Angular 2.0也是用TypeScript写的。
2、NodeJS, NPM
NodeJS 据说是后端Web服务器,然而用户都是前端程序员。
不再详述如何安装了,请自行参阅官网文档,或Google。
NodeJS官方网站
开发环境安装
安装Node TypeScript支持
官方网站 TypeScript Node
npm install -g ts-node
# Install a TypeScript compiler (requires `typescript` by default).
npm install -g typescript
网上搜索的话,可能会见到这样的命令
npm install -g typescript-node
这个命令是早期的,如果执行这个命令,会看到如下信息:
$ npm install -g typescript-node
npm WARN deprecated typescript-node@0.1.3: typescript-node has been renamed to ts-node
安装Angular CLI
官方网站 CLI tool for Angular
$ npm install -g @angular/cli
QuickStart
官网 Setup a local development environment
在线代码修改及运行可以看这儿: Angular quickstart in Plunker
最后这个厉害了,小型应用、简单的DEMO可以使用JSFiddler,稍微复杂一点点的,或者你真正想写一个APP的话,你需要 Plunker,Angular 程序员都需要。