TypeScript 安裝

typescript 安裝

typescript 開發(fā)環(huán)境需要使用 npm 工具進(jìn)行安裝。

1. 使用 npm 安裝 typescript

如果你的本地環(huán)境已經(jīng)安裝了 npm 工具，可以使用以下命令來安裝。

使用國內(nèi)鏡像：

npm config set registry https://registry.npm.taobao.org

安裝 typescript：

npm install -g typescript

安裝完成后我們可以使用 tsc 命令來執(zhí)行 typescript 的相關(guān)代碼，以下是查看版本號：

$ tsc -v
version 3.2.2

然后我們新建一個(gè) app.ts 的文件，代碼如下：

var message:string = "hello world" 
console.log(message)

通常我們使用 .ts 作為 typescript 代碼文件的擴(kuò)展名。

然后執(zhí)行以下命令將 typescript 轉(zhuǎn)換為 javascript 代碼：

tsc app.ts

這時(shí)候再當(dāng)前目錄下（與 app.ts 同一目錄）就會生成一個(gè) app.js 文件，代碼如下：

var message = "hello world";
console.log(message);

使用 node 命令來執(zhí)行 app.js 文件：

$ node app.js 
hello world

typescript 轉(zhuǎn)換為 javascript 過程如下圖：

2. visual studio code 介紹

很多 ide 都有支持 typescript 插件，如：visual studio，sublime text 2，webstorm / phpstorm，eclipse 等。

本章節(jié)主要介紹 visual studio code，visual studio code 是一個(gè)可以運(yùn)行于 mac os x、windows 和 linux 之上的，針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺源代碼編輯器，由 microsoft 公司開發(fā)。

下載地址：https://code.visualstudio.com/。