JavaScript en TypeScript in Visual Studio

Visual Studio biedt uitgebreide ondersteuning voor JavaScript-ontwikkeling, zowel met behulp van JavaScript rechtstreeks als met behulp van de Programmeertaal TypeScript. TypeScript 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- en TypeScript-taalservice

Standaard verzorgt Visual Studio de JavaScript- en TypeScript-ervaring met een ingebouwde TypeScript SDK die de compiler en taalservice biedt. Deze SDK is voornamelijk bedoeld voor JavaScript-bewerkingsscenario's waarbij uw project geen eigen TypeScript-versie heeft geïnstalleerd.

Vanaf Visual Studio 2026 maakt de ingebouwde SDK gebruik van de systeemeigen TypeScript 7-compiler, een systeemeigen poort van de TypeScript-compiler en hulpprogramma's die aanzienlijke prestatieverbeteringen bieden. U ziet snellere IntelliSense en voltooiingen, snellere foutdiagnose, snellere laadtijden van projecten en verbeterde reactiesnelheid voor functies zoals Alle verwijzingen zoeken en Naar definitie gaan. Zie TypeScript 7 Beta nu standaard ingeschakeld voor meer informatie.

Een andere TypeScript-versie gebruiken voor de taalservice

Als in uw project een lokale TypeScript-versie is geïnstalleerd (via npm of NuGet), gebruikt Visual Studio die versie voor de taalservice in plaats van de ingebouwde SDK.

  • Als u TypeScript 6.x (GA) wilt gebruiken, installeert u het TypeScript NPM-pakket in uw project:

    npm install -D typescript@^6.0.0
    
  • Als u een specifieke systeemeigen preview-versie van TypeScript 7 wilt vastmaken, installeert u het @typescript/native-preview pakket:

    npm install -D @typescript/native-preview@beta
    

Als u de systeemeigen taalservice van TypeScript 7 volledig wilt uitschakelen, gaat u naar Extra>Opties>Preview-functies en zoek naar "systeemeigen preview". Schakel Enable JavaScript/TypeScript Native Language Service Preview uit en start Visual Studio opnieuw.

TypeScript-ondersteuning

Standaard biedt Visual Studio taalondersteuning voor JavaScript- en TypeScript-bestanden om IntelliSense in te stellen 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 optie om dit pakket toe te voegen de eerste keer dat u een TypeScript-bestand aan uw project toevoegt. U kunt dit pakket ook op elk gewenst moment toevoegen via NuGet Package Manager. Wanneer u het NuGet-pakket gebruikt, wordt de bijbehorende taalserviceversie gebruikt voor taalondersteuning in uw project.

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.

De afzonderlijk te downloaden TypeScript SDK is niet meer beschikbaar via de Visual Studio Marketplace. Gebruik in plaats daarvan het NuGet- of npm-pakket.

Aanbeveling

Gebruik het TypeScript NuGet of het TypeScript NPM-pakket voor meer overdraagbaarheid 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

Visual Studio bevat een JavaScript-/TypeScript-project-type (.esproj), het JavaScript Project System (JSPS), dat u kunt gebruiken om zelfstandige Angular-, React- en Vue-projecten te maken in Visual Studio. Deze front-endprojecten worden gemaakt met behulp van de FRAMEWORK CLI-hulpprogramma's die u op uw lokale computer installeert, zodat u de versie van de sjabloon kiest. 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.

Binnen 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-beheer. Bekijk enkele van de snelle startgidsen en handleidingen om aan de slag te gaan. Zie Visual Studio-zelfstudies voor meer informatie | JavaScript en TypeScript.

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 afzonderlijk te downloaden TypeScript SDK is niet meer beschikbaar via de Visual Studio Marketplace. 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.