Visual Studio 中的 JavaScript 與 TypeScript

Visual Studio 2022 為 JavaScript 開發提供了豐富的支援,既可以直接使用 JavaScript,也可以使用 TypeScript 程式設計語言,這種語言是為了提供更有效率且更有趣的 JavaScript 開發體驗而開發的,尤其是在開發大規模的專案時。 您可以在 Visual Studio 中為許多應用程式類型和服務撰寫 JavaScript 或 TypeScript 程式碼。

JavaScript 語言服務

Visual Studio 2022 中的 JavaScript 體驗由提供 TypeScript 支援的相同引擎提供支援。 這個引擎為您提供了更好的功能支援、豐富功能以及現成的整合。

還原到傳統 JavaScript 語言服務的選項已無法使用。 使用者有新的現成 JavaScript 語言服務可用。 新語言服務是僅以 TypeScript 語言服務為基礎,它是由靜態分析所提供。 此服務可讓我們為您提供更豐富的工具功能,因此您的 JavaScript 程式碼可受益於以型別定義為基礎的更豐富的 IntelliSense。 新的服務是輕量型服務,而且取用比傳統服務少的記憶體,為您提供更好的效能作為您的程式碼規模。 我們還改善了語言服務的效能,以處理較大型的專案。

TypeScript 支援

根據預設,Visual Studio 2022 提供 JavaScript 和 TypeScript 檔案的語言支援,不需任何特定專案設定即可支援 IntelliSense。

為了編譯 TypeScript,Visual Studio 可讓您彈性地選擇每個專案要使用的 TypeScript 版本。

在 MSBuild 編譯案例 (例如 ASP.NET Core) 中,TypeScript NuGet 套件 是將 TypeScript 編譯支援新增至專案的建議方法。 Visual Studio 會在您第一次將 TypeScript 檔案新增至專案時,提供新增此套件的選項。 此套件也隨時可透過 NuGet 套件管理員取得。 使用 NuGet 套件時,對應的語言服務版本將用於專案中的語言支援。 注意:此套件的最低支援版本為 3.6。

針對 npm 設定的專案 (例如 Node.js 專案) 可藉由新增 TypeScript npm 套件來指定自己的 TypeScript 語言服務版本。 您可使用支援專案中的 npm 管理員來指定版本。 注意:此套件的最低支援版本為 2.1。

TypeScript SDK 已在 Visual Studio 2022 中淘汰。 依賴 SDK 的現有專案應該升級為使用 NuGet 套件。 對於無法立即升級的專案,仍可在 Visual Studio Marketplace 上取得 SDK 並作為 Visual Studio 安裝程式中的選用元件。

提示

針對在 Visual Studio 2022 中開發的專案,我們建議您使用 TypeScript NuGet 或 TypeScript npm 套件,以便在不同平台和環境中實現更高的可移植性。 如需詳細資訊,請參閱使用 NuGet 編譯 TypeScript 程式碼使用 tsc 編譯 TypeScript 程式碼

專案範本

從 Visual Studio 2022 開始,有名為 JavaScript Project System (JSPS) 的新 JavaScript/TypeScript 專案類型 (.esproj),可讓您在 Visual Studio 中建立獨立的 Angular、React 和 Vue 專案。 這些前端專案是使用您在本機電腦上安裝的 Framework CLI 工具所建立,因此範本的版本取決於您。 若要從現有的 Node.js 專案移轉至新的專案系統,請參閱移轉 Node.js 專案。 如需新專案類型的 MSBuild 資訊,請參閱 JSPS 的 MSBuild 屬性

在這些新專案中,您可執行 JavaScript 和 TypeScript 單元測試、輕鬆地新增和連線 ASP.NET 核心 API 專案,以及使用 npm 管理員下載 npm 模組。 請參閱一些快速入門和教學課程以開始使用。 如需詳細資訊,請參閱 Visual Studio 教學課程 | JavaScript 和 TypeScript

注意

從 Visual Studio 2022 17.5 版開始,即可使用簡化且更新的範本。 相較於 Visual Studio 中提供的 ASP.NET SPA 範本,適用於 ASP.NET Core 的 .esproj SPA 範本提供更好的 npm 相依性管理,以及更好的建置和發佈支援。

Visual Studio 2019 為 JavaScript 開發提供了豐富的支援,既可以直接使用 JavaScript,也可以使用 TypeScript 程式設計語言,這種語言是為了提供更有效率且更有趣的 JavaScript 開發體驗而開發的,尤其是在開發大規模的專案時。 您可以在 Visual Studio 中為許多應用程式類型和服務撰寫 JavaScript 或 TypeScript 程式碼。

JavaScript 語言服務

Visual Studio 2019 中的 JavaScript 體驗由提供 TypeScript 支援的相同引擎提供支援。 這為您提供了更好的功能支援、豐富功能以及現成的整合。

還原到傳統 JavaScript 語言服務的選項已無法使用。 使用者會有新的現成 JavaScript 語言服務可用。 新語言服務是僅以 TypeScript 語言服務為基礎,它是由靜態分析所提供。 這可讓我們為您提供更豐富的工具功能,因此您的 JavaScript 程式碼可受益於以型別定義為基礎的更豐富的 IntelliSense。 新的服務是輕量型服務,而且取用比傳統服務少的記憶體,為您提供更好的效能作為您的程式碼規模。 我們還改善了語言服務的效能,以處理較大型的專案。

TypeScript 支援

Visual Studio 2019 提供了幾種將 TypeScript 編譯整合到專案中的選項:

  • TypeScript NuGet 套件。 將 TypeScript 3.2 或更高版本的 NuGet 套件安裝到您的專案中時,會在編輯器中載入對應版本的 TypeScript 語言服務。
  • TypeScript npm 套件。 將 TypeScript 2.1 或更高版本的 npm 套件安裝到您的專案中時,會在編輯器中載入對應版本的 TypeScript 語言服務。
  • TypeScript SDK 預設會在 Visual Studio 安裝程式中提供使用,以及從 VS Marketplace 下載的獨立 SDK。

提示

針對在 Visual Studio 2019 中開發的專案,我們建議您使用 TypeScript NuGet 或 TypeScript npm 套件,以便在不同平台和環境中實現更高的可移植性。 如需詳細資訊,請參閱使用 NuGet 編譯 TypeScript 程式碼使用 tsc 編譯 TypeScript 程式碼

專案

Visual Studio 2019 中已不再支援 UWP JavaScript 應用程式。 您無法建立或開啟 JavaScript UWP 專案 (具有 .jsproj 副檔名的檔案)。 您可以使用我們有關建立可在 Windows 上正常運作之 Progressive Web App (PWA) 的文件。