AngularJS2 TypeScript搭建-优快云博客

主要摘自：http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html

http://blog.youkuaiyun.com/lgpwwa/article/details/51788035

开始尝试的时候npm install一直不能正常生成modules文件内的东东，后来试了多次才知道，大概是因为服务器访问的问题，官网的镜像访问太慢或者不能访问，导致不能正常下载镜像，使用类似代理服务的东东（当然代理还有多种方式，我只尝试了这一种），使用淘宝的镜像，直接在命令行运行：

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

之后就可以一直 cnpm 命令来安装模块.

首先是四个文件的创建：

创建目录

$ mkdir angular-quickstart
$ cd angular-quickstart

创建配置文件

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

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

在 angular-quickstart 中创建以下几个文件，代码如下所示：

package.json 文件：

{ "name": "angular-quickstart", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "ISC", "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0", "@angular/upgrade": "2.0.0", "core-js": "^2.4.1", "reflect-metadata": "^0.1.3", "rxjs": "5.0.0-beta.12", "systemjs": "0.19.27", "zone.js": "^0.6.23", "angular2-in-memory-web-api": "0.0.20", "bootstrap": "^3.3.6" }, "devDependencies": { "concurrently": "^2.2.0", "lite-server"

转载于:https://www.cnblogs.com/tonymin/p/6657848.html