TypeScript 安裝

本文介紹 TypeScript 環境的安裝。

我們需要使用到 npm 工具安裝，如果你還不瞭解 npm，可以參考我們的NPM 使用介紹。

如果你的本地環境已經安裝了 npm 工具，可以使用以下命令來安裝。

使用國內映象：

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

安裝 typescript：

npm install -g typescript

安裝完成後我們可以使用 tsc 命令來執行 TypeScript 的相關程式碼，以下是檢視版本號：

$ tsc -v
Version 3.2.2

然後我們新建一個 app.ts 的檔案，程式碼如下：

var message:string = "Hello World" console.log(message)

通常我們使用 .ts 作為 TypeScript 程式碼檔案的副檔名。

然後執行以下命令將 TypeScript 轉換為 JavaScript 程式碼：

tsc app.ts

這時候再當前目錄下（與 app.ts 同一目錄）就會生成一個 app.js 檔案，程式碼如下：

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

使用 node 命令來執行 app.js 檔案：

$ node app.js 
Hello World

TypeScript 轉換為 JavaScript 過程如下圖：

Visual Studio Code 介紹

很多 IDE 都有支援 TypeScript 外掛，如：Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等。

本章節主要介紹 Visual Studio Code，Visual Studio Code 是一個可以運行於 Mac OS X、Windows 和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平臺原始碼編輯器，由 Microsoft 公司開發。

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

1、下載 Visual Studio Code。

2、雙擊 VSCodeSetup.exe 圖示安裝。

3、安裝完成後，開啟 Visual Studio Code 介面類似如下：

4、我們可以在左側視窗中點選當前編輯的程式碼檔案，選擇 open in command prompt（在終端中開啟），這時候我們就可以在螢幕的右側下半部分使用 tsc 命令來執行 TypeScript 檔案程式碼了。

Mac OS X 安裝配置 Visual Studio Code 可以檢視： https://code.visualstudio.com/Docs/editor/setup

Linux 安裝配置 Visual Studio Code 可以檢視： https://code.visualstudio.com/Docs/editor/setup