Angular 2.0 介绍及入门

作者: 程序员长春 | 来源:发表于2017-03-06 16:13 被阅读257次

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

相关文章

网友评论

    本文标题:Angular 2.0 介绍及入门

    本文链接:https://www.haomeiwen.com/subject/qrgygttx.html