主要摘自: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"