1、TypeScript 安裝

本文介紹 TypeScript 環(huán)境的安裝。

我們需要使用到 npm 工具安裝，如果你還不了解 npm，可以參考我之前文檔。

2、NPM 安裝 TypeScript

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

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

npm config set registry https://registry.npmmirror.com

安裝 typescript：

npm install -g typescript

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

$ 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 同一目錄）就會(huì)生成一個(gè) app.js 文件，代碼如下：

var message = "Hello World"; console.log(message);

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

$ node app.js 
Hello World

TypeScript 轉(zhuǎn)換為 JavaScript 過程如下圖：

3、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 之上的，針對(duì)于編寫現(xiàn)代 Web 和云應(yīng)用的跨平臺(tái)源代碼編輯器，由 Microsoft 公司開發(fā)。

4、Windows 上安裝 Visual Studio Code

1、下載 [Visual Studio Code]

2、雙擊 VSCodeSetup.exe 圖標(biāo) 安裝。

3、安裝完成后，打開 Visual Studio Code 界面類似如下：

4、 我們可以在左側(cè)窗口中點(diǎn)擊當(dāng)前編輯的代碼文件，選擇 open in command prompt （在終端中打開），這時(shí)候我們就可以在屏幕的右側(cè)下半部分使用 tsc 命令來執(zhí)行 TypeScript 文件代碼了。

5、Mac OS X 安裝 Visual Studio Code

Mac OS X 安裝配置 Visual Studio Code 可以查看： 官網(wǎng)

Linux 安裝 Visual Studio Code

Linux 安裝配置 Visual Studio Code 可以查看：官網(wǎng)

審核編輯 黃宇