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 2022 中開發的項目，建議您使用 TypeScript NuGet 或 TypeScript npm 套件，以在不同平臺和環境之間提高可移植性。 如需詳細資訊，請參閱 使用 NuGet 編譯 TypeScript 程式代碼 和使用 npm 編譯 TypeScript 程式代碼。

項目範本

從 Visual Studio 2022 開始，有一個新的 JavaScript/TypeScript 專案類型 （.esproj），稱為 JavaScript 專案系統 （JSPS），可讓您在 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 相依性管理，以及更好的建置和發佈支援。