安裝和設定

背景

TypeScript 是 JavaScript 的型別超集，可直接編譯為 JavaScript 程式碼。TypeScript 檔案通常使用 .ts 副檔名。許多 IDE 支援 TypeScript 而無需任何其他設定，但 TypeScript 也可以使用命令列中的 TypeScript Node.JS 包進行編譯。

整合開發環境

視覺工作室

• Visual Studio 2015 包括 TypeScript。
• Visual Studio 2013 Update 2 或更高版本包括 TypeScript，或者你可以為早期版本下載 TypeScript 。

Visual Studio 程式碼

• Visual Studio Code （vscode）為 TypeScript 提供上下文自動完成以及重構和除錯工具。vscode 本身是在 TypeScript 中實現的。適用於 Mac OS X，Windows 和 Linux。

WebStorm

• WebStorm 2016.2 附帶 TypeScript 和內建編譯器。 [Webstorm 不是免費的]

IntelliJ IDEA

• IntelliJ IDEA 2016.2 通過 Jetbrains 團隊維護的外掛支援 Typescript 和編譯器。 [IntelliJ 不是免費的]

原子和原子 TypeScript

• Atom 支援帶有 atom- typescript 包的 TypeScript。

崇高文字

• Sublime Text 支援 TypeScript 與TypeScript包。

安裝命令列介面

安裝 Node.js.

全域性安裝 npm 包

你可以全域性安裝 TypeScript 以從任何目錄訪問它。

npm install -g typescript

要麼

在本地安裝 npm 包

你可以在本地安裝 TypeScript 並儲存到 package.json 以限制到目錄。

npm install typescript --save-dev

安裝渠道

你可以從以下位置安裝

• 穩定的頻道：npm install typescript
• Beta 頻道：npm install typescript@beta
• 開發頻道：npm install typescript@next

編譯 TypeScript 程式碼

tsc 編譯命令附帶 typescript，可用於編譯程式碼。

tsc my-code.ts

這會建立一個 my-code.js 檔案。

使用 tsconfig.json 進行編譯 ****

你還可以通過 tsconfig.json 檔案提供隨程式碼一起提供的編譯選項。要啟動一個新的 TypeScript 專案，請將 cd 放入終端視窗中專案的根目錄並執行 tsc --init。此命令將生成具有最少配置選項的 tsconfig.json 檔案，類似於下面的內容。

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "pretty": true
    },
    "exclude": [
        "node_modules"
    ]
}

將 tsconfig.json 檔案放在 TypeScript 專案的根目錄下，可以使用 tsc 命令執行編譯。