Angular2入门到放弃

简介

Angular2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。

Angular2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。

Angular2 发布于2016年9月份，它是基于ES6来开发的。

学习Angular2 前，你需要具备基本的前端基础：HTML、CSS、JavaScript。

此外你还需要了解 NPM 及 TypeScript。

Angular 2 TypeScript 环境配置

官方推荐使用TypeScript 来创建 Angular 的应用，TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。

开始前，你需要确保你已经安装了 npm，由于 npm 官网镜像国内访问太慢，这里我使用了淘宝的npm镜像，安装方法如下：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

执行后我们就可以使用 cnpm 命令来安装模块：$ cnpm install

第一步：创建与配置项目

创建目录

$ mkdir angular-quickstart
$ cd angular-quickstart

创建配置文件

Angular 项目需要以下几个配置文件：

• package.json 标记本项目所需的 npm 依赖包。
• tsconfig.json 定义了 TypeScript 编译器如何从项目源文件生成 JavaScript 代码。
• typings.json为那些 TypeScript 编译器无法识别的库提供了额外的定义文件。
• systemjs.config.js 为模块加载器提供了该到哪里查找应用模块的信息，并注册了所有必备的依赖包。 它还包括文档中后面的例子需要用到的包。