下載 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

這些依賴關係管理員都支援鎖定檔,確保您的團隊中的每個人都使用相同版本的語言。然後,您可以使用下列其中一個指令執行 TypeScript 編譯器

npx tsc

搭配 Visual Studio

對於大多數專案類型,您可以在 Nuget 中取得 TypeScript 作為 MSBuild 專案的套件,例如 ASP.NET Core 應用程式。

使用 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。這將安裝最新版本(目前為 5.4)。

透過 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。

後續步驟