Angular 2.0 介绍及入门

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
对比及乱弹

开发环境

1、代码编辑器 Visual Studio Code

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 程序员都需要。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容