JavaScript und TypeScript in Visual Studio

Visual Studio 2022 bietet umfassende Unterstützung für die JavaScript-Entwicklung, sowohl die direkte Verwendung von JavaScript als auch die TypeScript-Programmiersprache, die entwickelt wurde, um eine produktivere und angenehmere JavaScript-Entwicklungserfahrung bereitzustellen, insbesondere bei der Entwicklung von Projekten im großen Maßstab. Sie können JavaScript- oder TypeScript-Code in Visual Studio für viele Anwendungstypen und Dienste schreiben.

JavaScript-Sprachdienst

Die JavaScript-Oberfläche in Visual Studio 2022 wird von demselben Modul unterstützt, das TypeScript-Unterstützung bietet. Mit dieser Engine erhalten Sie standardmäßig eine bessere Unterstützung, Vielfalt und Integration von Funktionen.

Die Option zum Wiederherstellen des älteren JavaScript-Sprachdiensts ist nicht mehr verfügbar. Benutzer verfügen über den neuen JavaScript-Sprachdienst sofort einsatzbereit. Der neue Sprachdienst basiert ausschließlich auf dem TypeScript-Sprachdienst, der von statischer Analyse unterstützt wird. Dieser Dienst ermöglicht es uns, um Ihnen bessere Tools bereitzustellen, damit Ihr JavaScript-Code von umfangreicherem IntelliSense auf Basis von Typdefinitionen profitieren kann. Der neue Dienst ist ressourcenschonend und verbraucht weniger Arbeitsspeicher als der ältere Dienst und sorgt für eine bessere Leistung, wenn der Code skaliert wird. Wir haben auch die Leistung des Sprachdiensts verbessert, um größere Projekte zu verarbeiten.

TypeScript-Unterstützung

Standardmäßig bietet Visual Studio 2022 Sprachunterstützung für JavaScript- und TypeScript-Dateien, um IntelliSense ohne bestimmte Projektkonfiguration zu unterstützen.

Für die Kompilierung von TypeScript bietet Visual Studio die Flexibilität, auszuwählen, welche Version von TypeScript pro Projekt verwendet werden soll.

In MSBuild-Kompilierungsszenarien wie ASP.NET Core ist das TypeScript NuGet-Paket die empfohlene Methode zum Hinzufügen der TypeScript-Kompilierungsunterstützung zu Ihrem Projekt. Visual Studio gibt Ihnen die Möglichkeit, dieses Paket beim ersten Hinzufügen einer TypeScript-Datei zu Ihrem Projekt hinzuzufügen. Dieses Paket ist auch jederzeit über den NuGet-Paket-Manager verfügbar. Wenn das NuGet-Paket verwendet wird, wird die entsprechende Sprachdienstversion für die Sprachunterstützung in Ihrem Projekt verwendet. Hinweis: Die mindestens unterstützte Version dieses Pakets ist 3.6.

Projekte, die für npm konfiguriert sind, z. B. Node.js Projekte, können ihre eigene Version des TypeScript-Sprachdiensts angeben, indem sie das TypeScript npm-Paket hinzufügen. Sie können die Version mithilfe des npm-Managers in unterstützten Projekten angeben. Hinweis: Die mindestens unterstützte Version dieses Pakets ist 2.1.

Das TypeScript SDK ist in Visual Studio 2022 veraltet. Vorhandene Projekte, die auf dem SDK basieren, sollten aktualisiert werden, um das NuGet-Paket zu verwenden.

Tipp

Für Projekte, die in Visual Studio 2022 entwickelt wurden, empfehlen wir Ihnen, das TypeScript NuGet- oder typeScript npm-Paket für eine größere Portabilität auf verschiedenen Plattformen und Umgebungen zu verwenden. Weitere Informationen finden Sie unter Kompilierung von TypeScript-Code mithilfe von NuGet und Kompilierung von TypeScript-Code mithilfe von npm.

Projektvorlagen

Ab Visual Studio 2022 gibt es einen neuen JavaScript/TypeScript-Projekttyp (.esproj), der als JavaScript Project System (JSPS) bezeichnet wird, mit dem Sie eigenständige Angular-, React- und Vue-Projekte in Visual Studio erstellen können. Diese Front-End-Projekte werden mit den Framework-CLI-Tools erstellt, die Sie auf Ihrem lokalen Computer installiert haben, sodass die Version der Vorlage Ihnen zur Verfügung steht. Informationen zum Migrieren von vorhandenen Node.js Projekten zum neuen Projektsystem finden Sie unter Migrieren Node.js Projekte. Informationen zu MSBuild für den neuen Projekttyp finden Sie unter MSBuild-Eigenschaften für JSPS

In diesen neuen Projekten können Sie JavaScript- und TypeScript-Komponententests ausführen, einfach ASP.NET Core-API-Projekte hinzufügen und verbinden und Ihre npm-Module mithilfe des npm-Managers herunterladen. Sehen Sie sich einige der Schnellstarts und Lernprogramme an, um zu beginnen. Weitere Informationen finden Sie in Visual Studio-Lernprogrammen | JavaScript und TypeScript.

Hinweis

Ab Visual Studio 2022, Version 17.5, ist eine vereinfachte aktualisierte Vorlage verfügbar. Im Vergleich zu den in Visual Studio verfügbaren ASP.NET SPA-Vorlagen bieten die .esproj SPA-Vorlagen für ASP.NET Core eine bessere npm-Abhängigkeitsverwaltung und bessere Build- und Veröffentlichungsunterstützung.