@adonia 2016-10-09T16:22:39.000000Z 字数 1013 阅读 171

angular2(1): 开发环境搭建

angular2

安装运行环境

下载node.js，按照安装说明操作。测试环境安装的版本为v5.3.0。

node.js安装完成后，npm会自动安装。可在命令行界面执行npm -v，若结果显示npm的版本号，说明安装正确。

由于通过npm下载依赖包会很慢，建议使用cnpm。cnpm是由淘宝开发，在下载依赖时，会指向淘宝搭建的国内仓库。

执行 npm install cnpm -g --registry=https://registry.npm.taobao.org 安装cnpm。

cnpm的操作同npm。

angular2是基于typescript开发的，typescript是javascript的超集，基于ES6规范开发。关于 typescript 和 ES6，后面会再做介绍。

基于angular2框架开发应用，最好使用typescript开发。当然，也可以使用javascript，只不过，typescript中引用了一些新的特性，像Class，Module，Interface等面向对象的语法规则和框架特性，开发起来比较方便。

执行cnpm install typescript -g安装typescript。安装完成之后，执行 npm show typescript version查看typescript的版本。

typescript安装完成后，会连带安装tsc工具。执行命令tsc -v，查看其是够正常输出版本号。tsc工具是typescript的编译工具，可以将typescript转换成javascript。例如，执行tsc app.ts将得到app.js。

注意：typescript是基于最新的ES6规范，大部分浏览器还不支持。也就是说，浏览器无法直接加载typescript文件，需要将其编译成javascript之后，再将编译得到的javascript引用至代码中。

可以使用微软的Visual Studio Code最为开发的IDE，基于插件化的编辑器。

常用的插件包括：