JavaScript und TypeScript in Visual Studio

Visual Studio 2022 bietet umfangreiche Unterstützung für die JavaScript-Entwicklung, sowohl mit JavaScript direkt, als auch mit der Programmiersprache TypeScript, die entwickelt wurde, um eine produktivere und angenehmere JavaScript-Entwicklung zu ermöglichen, insbesondere bei der Entwicklung von Projekten im großen Stil. Sie können JavaScript- oder TypeScript-Code in Visual Studio für viele Arten von Anwendungen und Dienste schreiben.

JavaScript-Sprachdienst

JavaScript in Visual Studio 2022 basiert auf der gleichen Engine wie für TypeScript. Mit dieser Engine erhalten Sie standardmäßig eine bessere Unterstützung, Vielfalt und Integration von Funktionen.

Die Option der Wiederherstellung in den veralteten JavaScript-Sprachdienst ist nicht mehr verfügbar. Benutzer verfügen von Anfang an über den neuen JavaScript-Sprachdienst. Der neue Sprachdienst basiert ausschließlich auf dem TypeScript-Sprachdienst, der auf statischer Analyse basiert. Dank dieses Diensts können wir Ihnen bessere Tools bereitstellen, damit für Ihren JavaScript-Code umfassendere IntelliSense-Funktionen verfügbar sind, die auf Typdefinitionen basieren. Der neue Dienst ist schlank und verbraucht weniger Speicher als der Legacydienst, bietet Ihnen aber gleichzeitig bessere Leistung, wenn Sie Code skalieren. Wir haben auch die Leistung des Sprachdienstes verbessert, um größere Projekte zu bearbeiten.

TypeScript-Unterstützung

Visual Studio 2022 verfügt standardmäßig über Sprachunterstützung für JavaScript- und TypeScript-Dateien, damit IntelliSense ohne besondere Projektkonfiguration genutzt werden kann.

Beim Kompilieren von TypeScript können Sie in Visual Studio flexibel auswählen, welche Version von TypeScript für ein Projekt jeweils verwendet werden soll.

In MSBuild-Kompilierungsszenarien wie z. B. ASP.NET Core ist das TypeScript-NuGet-Paket die empfohlene Methode, um die Unterstützung der TypeScript-Kompilierung für Ihr Projekt sicherzustellen. In Visual Studio können Sie dieses Paket einbinden, wenn Sie Ihrem Projekt zum ersten Mal eine TypeScript-Datei hinzufügen. Dieses Paket ist auch jederzeit über den NuGet-Paket-Manager verfügbar. Bei Verwendung des NuGet-Pakets wird die entsprechende Sprachdienstversion für die Sprachunterstützung in Ihrem Projekt genutzt. Hinweis: Die unterstützte Mindestversion dieses Pakets ist 3.6.

Projekte, die für npm konfiguriert sind – z. B. Node.js-Projekte –, können eine eigene Version des TypeScript-Sprachdiensts angeben, indem das TypeScript-npm-Paket hinzugefügt wird. Sie können die Version in unterstützten Projekten mit dem npm-Manager angeben. Hinweis: Die unterstützte Mindestversion dieses Pakets ist 2.1.

Das TypeScript SDK wird ab Visual Studio 2022 als veraltet angesehen. Vorhandene Projekte, die auf dem SDK basieren, sollten auf die Verwendung des NuGet-Pakets aktualisiert werden. Für Projekte, die nicht sofort aktualisiert werden können, ist das SDK weiterhin im Visual Studio Marketplace und als optionale Komponente im Visual Studio-Installer verfügbar.

Tipp

Für Projekte, die in Visual Studio 2022 entwickelt wurden, empfehlen wir Ihnen, das TypeScript-NuGet- oder -npm-Paket zu verwenden, um die Portabilität für verschiedene Plattformen und Umgebungen zu verbessern. Weitere Informationen finden Sie unter Kompilieren von TypeScript-Code mithilfe von NuGet und Kompilieren von TypeScript-Code mithilfe von tsc.

Projektvorlagen

Ab Visual Studio 2022 gibt es einen neuen Typ von JavaScript-/TypeScript-Projekten (ESPROJ), der als JavaScript Project System (JSPS) bezeichnet wird und Ihnen die Erstellung von eigenständigen Angular-, React- und Vue-Projekten in Visual Studio ermöglicht. Da die Front-End-Projekte mit den Framework-CLI-Tools erstellt werden, die Sie auf Ihrem lokalen Computer installiert haben, liegt es an Ihnen, welche Version der Vorlage Sie nutzen. Informationen zum Migrieren von vorhandenen Node.js-Projekten zum neuen Projektsystem finden Sie unter Migrieren von Node.js-Projekten. Informationen zu MSBuild für den neuen Projekttyp finden Sie unter MSBuild-Eigenschaften für JSPS.

Innerhalb dieser neuen Projekte können Sie JavaScript- und TypeScript-Komponententests ausführen, auf einfache Weise ASP.NET Core-API-Projekte hinzufügen und verbinden und Ihre npm-Module mit dem npm-Manager herunterladen. Sehen Sie sich als Einstieg einige Schnellstartanleitungen und Tutorials an. Weitere Informationen finden Sie unter Visual Studio-Tutorials | 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 eine bessere Unterstützung von Build und Veröffentlichung.

Visual Studio 2019 bietet umfangreiche Unterstützung für die JavaScript-Entwicklung, sowohl mit JavaScript direkt, als auch mit der Programmiersprache TypeScript, die entwickelt wurde, um eine produktivere und angenehmere JavaScript-Entwicklung zu ermöglichen, insbesondere bei der Entwicklung von Projekten im großen Stil. Sie können JavaScript- oder TypeScript-Code in Visual Studio für viele Arten von Anwendungen und Dienste schreiben.

JavaScript-Sprachdienst

JavaScript in Visual Studio 2019 wird von der gleichen Engine unterstützt, die auch TypeScript unterstützt. Dadurch erhalten Sie sofort bessere Unterstützung, Vielfalt und Integration von Funktionen.

Die Option der Wiederherstellung in den veralteten JavaScript-Sprachdienst ist nicht mehr verfügbar. Benutzer verfügen jetzt von Anfang an über den neuen JavaScript-Sprachdienst. Der neue Sprachdienst basiert ausschließlich auf dem TypeScript-Sprachdienst, der auf statischer Analyse basiert. Dies ermöglicht eine bessere Verwendung von Tools, sodass Ihr JavaScript-Code vom umfangreicheren IntelliSense, basierend auf Typdefinitionen, profitieren kann. Der neue Dienst ist schlank und verbraucht weniger Speicher als der Legacydienst, bietet Ihnen aber gleichzeitig bessere Leistung, wenn Sie Code skalieren. Wir haben auch die Leistung des Sprachdienstes verbessert, um größere Projekte zu bearbeiten.

TypeScript-Unterstützung

Visual Studio 2019 bietet mehrere Optionen zur Integration der TypeScript-Kompilierung in Ihr Projekt:

  • Das TypeScript-NuGet-Paket. Wenn das NuGet-Paket für TypeScript 3.2 oder höher in Ihrem Projekt installiert ist, wird die entsprechende Version des TypeScript-Sprachdienstes in den Editor geladen.
  • Das TypeScript-npm-Paket. Wenn das npm-Paket für TypeScript 2.1 oder höher in Ihrem Projekt installiert ist, wird die entsprechende Version des TypeScript-Sprachdienstes in den Editor geladen.
  • Das TypeScript SDK, das standardmäßig im Visual Studio-Installer verfügbar ist, sowie ein eigenständiger SDK-Download vom VS Marketplace.

Tipp

Für Projekte, die in Visual Studio 2019 entwickelt wurden, empfehlen wir Ihnen, das TypeScript-NuGet- oder das TypeScript-npm-Paket für eine bessere Portabilität über verschiedene Plattformen und Umgebungen hinweg zu verwenden. Weitere Informationen finden Sie unter Kompilieren von TypeScript-Code mithilfe von NuGet und Kompilieren von TypeScript-Code mithilfe von tsc.

Projekte

UWP-JavaScript-Apps werden in Visual Studio 2019 nicht mehr unterstützt. Sie können keine JavaScript-UWP-Projekte erstellen oder öffnen (Dateien mit der Erweiterung .jsproj). Weitere Informationen finden Sie in unserer Dokumentation zum Erstellen von progressiven Web-Apps (PWAs), die sich gut unter Windows ausführen lassen.