爲了Angular2作了一些技術準備。javascript
首先遇到的是TSD,其實咱們哪怕不須要它也沒有關係,但……TypeScript畢竟仍是比較新,咱們很難知道目前現流行的一些庫是否已經開始支持TypeScript。而TSD就像npm同樣,專門用來管理已經被標記能夠直接在TypeScript所引用的一個管理TypeScript包工具。html
因此TSD也應該是做爲TypeScript的一個標配吧。java
安裝
npm install tsd -g
查詢類命令
tsd --查看幫助 tsd init -- 初始化,建立 `tsd.json` 和 `tsd.d.ts` 文件。 tsd query angular2 -- 查詢庫。 `-i`:版本信息,`-r`:庫所須要的依賴關係,`-y`:歷史更新記錄。 tsd query angular2 -a browse -- 直接使用瀏覽器打開查詢庫的github網頁,這個功能很酷哈。 tsd query angular2 -a visit -- 直接使用瀏覽器打開查詢庫的官頁,這個功能很酷哈。
安裝類命令
tsd install angular2 -- 安裝angular2庫。`-s`:表示保存版本信息到 `tsd.json`,`-r`:表示連同依賴庫一併安裝,`-o`:表示強制覆蓋已經存在庫。 tsd reinstall -- 從新安裝全部庫。 tsd update -- 從新更新全部庫。 tsd link -- 自動將npm或bower已經安裝的庫鏈接到`tsd.d.ts`中,我測試了一下,可是沒有成功。先放過。 tsd rebundle -- 移除 `tsd.d.ts` 中已經失效的包聲明信息。
tsd.json 文件
一般是經過 tsd init
來建立,但假如咱們瞭解各項屬性的說明,也大可本身建立,這些屬性包括:git
version:版本名,必填項,固定 v4 值。
repo:包倉儲地址,必填項,這裏是指github,而若是是用TSD來管理包,那麼值必須:borisyankov/DefinitelyTyped。
ref:git 分支名,必填項,一般用 master
。
path:typescript包文件目錄路徑,必填項,默認:typings
。
bundle:包聲明信息文件,必填項,一般用 typings/tsd.d.ts
。
installed:已經安裝包文件配置信息,只有當:tsd install angular2 -s
,加上 -s
纔會把包信息保存到這裏。es6
tsd.d.ts 文件
當咱們安裝包時,若是加上 -s
參數時纔會自動加上。如下初始安裝 angular2 的配置信息。github
/// <reference path="angular2/angular2.d.ts" /> /// <reference path="es6-promise/es6-promise.d.ts" /> /// <reference path="rx/rx-lite.d.ts" /> /// <reference path="rx/rx.d.ts" />
這個文件很是重要,由於若是你想讓第三方庫能夠直接在IDE被智能顯示,那麼務必要加上。其實熟悉ASP.NET MVC的人應該比較清楚,做用和MVC徹底同樣,寫法也是。typescript
.tsdrc
這是一個JSON文件,用來定義全局TSD配置信息,好比:網絡代理(天朝你懂的)、github token信息。npm
{ "proxy": "http://proxy.example.com:88", "strictSSL": false, "token": "0beec7b5ea3f0fdbc95d0dd47f3c5bc275da8a33" }