下載 TypeScript

根據您的使用意圖,可以透過三種安裝途徑來安裝 TypeScript:npm 模組、NuGet 包或 Visual Studio 擴充套件。

如果您正在使用 Node.js,則需要 npm 版本。如果您在專案中使用了 MSBuild,則需要 NuGet 包或 Visual Studio 擴充套件。

在您的專案中使用 TypeScript

按專案進行 TypeScript 設定,可以讓您在多個專案中使用不同版本的 TypeScript,這能確保每個專案都能穩定地執行。

透過 npm

TypeScript 在 npm 登錄檔中作為一個名為 "typescript" 的包提供。

您需要一個 Node.js 的副本作為執行該包的環境。然後,使用像 npmyarnpnpm 這樣的依賴管理工具將 TypeScript 下載到您的專案中。

npm install typescript --save-dev

所有這些依賴管理工具都支援鎖檔案(lockfiles),確保團隊中的每個人都使用相同版本的語言。隨後,您可以使用以下命令之一執行 TypeScript 編譯器:

npx tsc

使用 Visual Studio

對於大多數專案型別,您可以為 MSBuild 專案(例如 ASP.NET Core 應用)獲取 Nuget 包形式的 TypeScript。

當使用 Nuget 時,您可以透過 Visual Studio 安裝 TypeScript,方式如下:

  • “管理 NuGet 程式包”視窗(可以透過右鍵點選專案節點開啟)
  • Nuget 程式包管理器控制檯(位於“工具” > “NuGet 程式包管理器” > “程式包管理器控制檯”),然後執行:
    Install-Package Microsoft.TypeScript.MSBuild

對於不支援 Nuget 的專案型別,可以使用 TypeScript Visual Studio 擴充套件。您可以在 Visual Studio 中透過 擴充套件 > 管理擴充套件 安裝此擴充套件

以下示例適用於更高階的使用場景。

全域性安裝 TypeScript

在所有專案中都能使用 TypeScript 會很方便,通常用於測試一些臨時想法。從長遠來看,程式碼庫應優先選擇專案級安裝,而非全域性安裝,以便在不同機器上實現可重複的構建。

透過 npm

您可以使用 npm 全域性安裝 TypeScript,這意味著您可以在終端的任何位置使用 tsc 命令。

要執行此操作,請執行 npm install -g typescript。這將安裝最新版本(當前為6.0).

透過 Visual Studio Marketplace

您可以將 TypeScript 作為 Visual Studio 擴充套件安裝,這將允許您在 Visual Studio 中的許多 MSBuild 專案中使用 TypeScript。

最新版本可在 Visual Studio Marketplace 獲取。

使用與 TypeScript 相容的轉譯器

還有其他工具可以將 TypeScript 檔案轉換為 JavaScript 檔案。出於速度考慮或為了與現有構建工具保持一致,您可能會使用這些工具。

這些專案各自負責處理檔案轉換,但不負責 TypeScript 編譯器的型別檢查部分。因此,您可能仍然需要保留上述 TypeScript 依賴,並且需要啟用 isolatedModules

Babel

Babel 是一款非常流行的 JavaScript 轉譯器,透過外掛 @babel/plugin-transform-typescript 支援 TypeScript 檔案。

swc

swc 是一個用 Rust 編寫的快速轉譯器,支援 Babel 的許多特性,包括 TypeScript。

Sucrase

Sucrase 是一個專注於開發模式下速度的 Babel 分支。Sucrase 原生支援 TypeScript。

後續步驟