主要摘自:http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html
http://blog.csdn.net/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"