Delen via


JavaScript en TypeScript in Visual Studio

Visual Studio 2022 biedt uitgebreide ondersteuning voor JavaScript-ontwikkeling, zowel met behulp van JavaScript rechtstreeks als met behulp van de Programmeertaal TypeScript, die is ontwikkeld om een productievere en aangenamere JavaScript-ontwikkelervaring te bieden, met name bij het ontwikkelen van projecten op schaal. U kunt JavaScript- of TypeScript-code schrijven in Visual Studio voor veel toepassingstypen en -services.

JavaScript-taalservice

De JavaScript-ervaring in Visual Studio 2022 wordt mogelijk gemaakt door dezelfde engine die Ondersteuning biedt voor TypeScript. Deze engine biedt u betere functieondersteuning, uitgebreidheid en integratie direct out-of-the-box.

De optie voor het herstellen naar de verouderde JavaScript-taalservice is niet meer beschikbaar. Gebruikers hebben de nieuwe JavaScript-taalservice direct beschikbaar. De nieuwe taalservice is uitsluitend gebaseerd op de TypeScript-taalservice, die wordt mogelijk gemaakt door statische analyse. Met deze service kunnen we u betere hulpprogramma's bieden, zodat uw JavaScript-code kan profiteren van uitgebreidere IntelliSense op basis van typedefinities. De nieuwe service is lichtgewicht en verbruikt minder geheugen dan de verouderde service, waardoor u betere prestaties krijgt wanneer uw code wordt geschaald. We hebben ook de prestaties van de taalservice verbeterd om grotere projecten af te handelen.

TypeScript-ondersteuning

Visual Studio 2022 biedt standaard taalondersteuning voor JavaScript- en TypeScript-bestanden om IntelliSense uit te voeren zonder specifieke projectconfiguratie.

Voor het compileren van TypeScript biedt Visual Studio u de flexibiliteit om te kiezen welke versie van TypeScript per project moet worden gebruikt.

In MSBuild-compilatiescenario's zoals ASP.NET Core is het TypeScript NuGet-pakket de aanbevolen methode voor het toevoegen van ondersteuning voor TypeScript-compilatie aan uw project. Visual Studio biedt u de mogelijkheid om dit pakket toe te voegen wanneer u voor het eerst een TypeScript-bestand aan uw project toevoegt. Dit pakket is ook op elk gewenst moment beschikbaar via NuGet Package Manager. Wanneer het NuGet-pakket wordt gebruikt, wordt de bijbehorende taalserviceversie gebruikt voor taalondersteuning in uw project. Opmerking: de minimaal ondersteunde versie van dit pakket is 3.6.

Projecten die zijn geconfigureerd voor npm, zoals Node.js projecten, kunnen hun eigen versie van de TypeScript-taalservice opgeven door het TypeScript NPM-pakket toe te voegen. U kunt de versie opgeven met behulp van npm-beheer in ondersteunde projecten. Opmerking: de minimaal ondersteunde versie van dit pakket is 2.1.

De TypeScript SDK werd verouderd verklaard in Visual Studio 2022. Bestaande projecten die afhankelijk zijn van de SDK, moeten worden bijgewerkt om het NuGet-pakket te kunnen gebruiken.

Aanbeveling

Voor projecten die zijn ontwikkeld in Visual Studio 2022, raden we u aan om het TypeScript NuGet of het TypeScript NPM-pakket te gebruiken voor een grotere draagbaarheid op verschillende platforms en omgevingen. Zie TypeScript-code compileren met Behulp van NuGet en TypeScript-code compileren met behulp van npm voor meer informatie.

Projectsjablonen

Vanaf Visual Studio 2022 is er een nieuw JavaScript-/TypeScript-projecttype (.esproj), genaamd het JavaScript Project System (JSPS), waarmee u zelfstandige Angular-, React- en Vue-projecten kunt maken in Visual Studio. Deze front-endprojecten worden gemaakt met behulp van de FRAMEWORK CLI-hulpprogramma's die u op uw lokale computer hebt geïnstalleerd, zodat de versie van de sjabloon aan u is. Zie Migreren Node.js projecten als u wilt migreren van bestaande Node.js projecten naar het nieuwe projectsysteem. Zie MSBuild-eigenschappen voor JSPS voor informatie over MSBuild voor het nieuwe projecttype

In deze nieuwe projecten kunt u JavaScript- en TypeScript-eenheidstests uitvoeren, eenvoudig ASP.NET Core API-projecten toevoegen en verbinden en uw npm-modules downloaden met behulp van npm Manager. Bekijk enkele van de snelle startgidsen en handleidingen om aan de slag te gaan. Zie Visual Studio-zelfstudies voor meer informatie | JavaScript en TypeScript.

Opmerking

Een vereenvoudigde, bijgewerkte sjabloon is beschikbaar vanaf Visual Studio 2022 versie 17.5. In vergelijking met de ASP.NET SPA-sjablonen die beschikbaar zijn in Visual Studio, bieden de .esproj SPA-sjablonen voor ASP.NET Core beter npm-afhankelijkheidsbeheer en betere ondersteuning voor bouwen en publicatie.

Visual Studio 2019 biedt uitgebreide ondersteuning voor JavaScript-ontwikkeling, zowel rechtstreeks met JavaScript als met behulp van de Programmeertaal TypeScript, die is ontwikkeld om een productievere en aangenamere JavaScript-ontwikkelervaring te bieden, met name bij het ontwikkelen van projecten op schaal. U kunt JavaScript- of TypeScript-code schrijven in Visual Studio voor veel toepassingstypen en -services.

JavaScript-taaldienst

De JavaScript-ervaring in Visual Studio 2019 wordt mogelijk gemaakt door dezelfde engine die Ondersteuning biedt voor TypeScript. Dit biedt u direct uit de doos betere ondersteuning van functies, rijkheid en integratie.

De optie voor het herstellen naar de verouderde JavaScript-taalservice is niet meer beschikbaar. Gebruikers beschikken nu over de nieuwe JavaScript-taalservice. De nieuwe taalservice is uitsluitend gebaseerd op de TypeScript-taalservice, die wordt mogelijk gemaakt door statische analyse. Hierdoor kunnen we u betere hulpprogramma's bieden, zodat uw JavaScript-code kan profiteren van uitgebreidere IntelliSense op basis van typedefinities. De nieuwe service is lichtgewicht en verbruikt minder geheugen dan de verouderde service, waardoor u betere prestaties krijgt wanneer uw code wordt geschaald. We hebben ook de prestaties van de taalservice verbeterd om grotere projecten af te handelen.

TypeScript-ondersteuning

Visual Studio 2019 biedt verschillende opties voor het integreren van TypeScript-compilatie in uw project:

  • Het TypeScript NuGet-pakket. Wanneer het NuGet-pakket voor TypeScript 3.2 of hoger is geïnstalleerd in uw project, wordt de bijbehorende versie van de TypeScript-taalservice geladen in de editor.
  • Het TypeScript npm-pakket. Wanneer het npm-pakket voor TypeScript 2.1 of hoger is geïnstalleerd in uw project, wordt de bijbehorende versie van de TypeScript-taalservice geladen in de editor.
  • De TypeScript SDK is standaard beschikbaar in het installatieprogramma van Visual Studio.

Aanbeveling

Voor projecten die zijn ontwikkeld in Visual Studio 2019, raden we u aan om het TypeScript NuGet of het TypeScript NPM-pakket te gebruiken voor een grotere draagbaarheid op verschillende platforms en omgevingen. Zie TypeScript-code compileren met Behulp van NuGet en TypeScript-code compileren met behulp van npm voor meer informatie.

Projecten

UWP JavaScript-apps worden niet meer ondersteund in Visual Studio 2019. U kunt geen JavaScript UWP-projecten maken of openen (bestanden met de extensie .jsproj). Meer informatie vindt u in onze documentatie over het maken van Progressive Web Apps (PWA's) die goed werken in Windows.