JavaScript och TypeScript i Visual Studio

Visual Studio ger omfattande stöd för JavaScript-utveckling, både med JavaScript direkt och med programmeringsspråket TypeScript. TypeScript har utvecklats för att ge en mer produktiv och trevlig JavaScript-utvecklingsupplevelse, särskilt när du utvecklar projekt i stor skala. Du kan skriva JavaScript- eller TypeScript-kod i Visual Studio för många programtyper och tjänster.

JavaScript- och TypeScript-språktjänst

Som standard driver Visual Studio JavaScript- och TypeScript-upplevelsen med en inbyggd TypeScript SDK som tillhandahåller kompilatorn och språktjänsten. Denna SDK är främst avsedd för JavaScript-redigeringsscenarier där projektet inte har en egen TypeScript-version installerad.

Från och med Visual Studio 2026 använder det inbyggda SDK:t den inbyggda TypeScript 7-kompilatorn, en intern port för TypeScript-kompilatorn och verktygen som ger betydande prestandaförbättringar. Du får snabbare IntelliSense och kodkompletteringar, snabbare feldiagnostik, kortare inläsningstider för projekt och bättre svarstider för funktioner som Hitta alla referenser och Gå till definition. Mer information finns i TypeScript 7 Beta Nu aktiverat som standard.

Använda en annan TypeScript-version för språktjänsten

Om projektet har en lokal TypeScript-version installerad (via npm eller NuGet) använder Visual Studio den versionen för språktjänsten i stället för den inbyggda SDK:n.

• Om du vill använda TypeScript 6.x (GA) installerar du TypeScript npm-paketet i projektet:

  npm install -D typescript@^6.0.0
  

• Om du vill fästa en specifik typeScript 7-version för intern förhandsversion installerar du @typescript/native-preview paketet:

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

Om du vill inaktivera den inbyggda språktjänsten i TypeScript 7 helt, går du till Verktyg>Alternativ>Förhandsversionsfunktioner och söker efter "native preview". Inaktivera Aktivera Förhandsversion av JavaScript/TypeScript Native Language Service och starta sedan om Visual Studio.

TypeScript-stöd

Som standard tillhandahåller Visual Studio språkstöd för JavaScript- och TypeScript-filer för att driva IntelliSense utan någon specifik projektkonfiguration. För kompilering av TypeScript ger Visual Studio dig flexibiliteten att välja vilken version av TypeScript som ska användas per projekt.

I MSBuild-kompileringsscenarier som ASP.NET Core är TypeScript NuGet-paketet den rekommenderade metoden för att lägga till TypeScript-kompileringsstöd i projektet. Visual Studio ger dig möjlighet att lägga till det här paketet första gången du lägger till en TypeScript-fil i projektet. Du kan också lägga till det här paketet när som helst via NuGet-pakethanteraren. När du använder NuGet-paketet används motsvarande språktjänstversion för språkstöd i projektet.

Projekt som konfigurerats för npm, till exempel Node.js projekt, kan ange sin egen version av TypeScript-språktjänsten genom att lägga till TypeScript-npm-paketet. Du kan ange versionen med hjälp av npm-chefen i projekt som stöds.

Den separat nedladdningsbara TypeScript-SDK:n är inte längre tillgänglig från Visual Studio Marketplace. Använd NuGet- eller npm-paketet i stället.

Projektmallar

Visual Studio innehåller en JavaScript/TypeScript-project typ (.esproj), kallad JavaScript Project System (JSPS), som du kan använda för att skapa fristående Projekt av typen Angular, React och Vue i Visual Studio. Dessa frontend-projekt skapas med hjälp av ramverks-CLI-verktygen som du installerar på den lokala datorn, så du väljer versionen av mallen. Information om hur du migrerar från befintliga Node.js projekt till det nya projektsystemet finns i Migrera Node.js projekt. Information om MSBuild för den nya projekttypen finns i MSBuild-egenskaper för JSPS.

I dessa nya projekt kan du köra JavaScript- och TypeScript-enhetstester, enkelt lägga till och ansluta ASP.NET Core API-projekt och ladda ned dina npm-moduler med hjälp av npm-chefen. Ta en titt på några av snabbstarterna och självstudierna för att komma igång. Mer information finns i Självstudier för Visual Studio | JavaScript och TypeScript.

Visual Studio 2022 ger omfattande stöd för JavaScript-utveckling, både med JavaScript direkt och även med programmeringsspråket TypeScript, som har utvecklats för att ge en mer produktiv och trevlig JavaScript-utvecklingsupplevelse, särskilt när du utvecklar projekt i stor skala. Du kan skriva JavaScript- eller TypeScript-kod i Visual Studio för många programtyper och tjänster.

JavaScript-språktjänst

JavaScript-upplevelsen i Visual Studio 2022 drivs av samma motor som ger TypeScript-stöd. Den här motorn ger dig bättre funktionsstöd, rikedom och integrering direkt.

Alternativet för att återställa till den äldre JavaScript-språktjänsten är inte längre tillgängligt. Användarna har den nya JavaScript-språkstjänsten direkt ur lådan. Den nya språktjänsten baseras enbart på TypeScript-språktjänsten, som drivs av statisk analys. Med den här tjänsten kan vi ge dig bättre verktyg, så att din JavaScript-kod kan dra nytta av mer omfattande IntelliSense baserat på typdefinitioner. Den nya tjänsten är enkel och förbrukar mindre minne än den äldre tjänsten, vilket ger bättre prestanda när koden skalar. Vi har också förbättrat prestandan för språktjänsten för att hantera större projekt.

TypeScript-stöd

Visual Studio 2022 tillhandahåller som standard språkstöd för JavaScript- och TypeScript-filer för att driva IntelliSense utan någon specifik projektkonfiguration.

För kompilering av TypeScript ger Visual Studio dig flexibiliteten att välja vilken version av TypeScript som ska användas per projekt.

I MSBuild-kompileringsscenarier som ASP.NET Core är TypeScript NuGet-paketet den rekommenderade metoden för att lägga till TypeScript-kompileringsstöd i projektet. Visual Studio ger dig möjlighet att lägga till det här paketet första gången du lägger till en TypeScript-fil i projektet. Det här paketet är också tillgängligt när som helst via NuGet-pakethanteraren. När NuGet-paketet används används motsvarande språktjänstversion för språkstöd i projektet. Obs! Den lägsta versionen av paketet som stöds är 3.6.

Projekt som konfigurerats för npm, till exempel Node.js projekt, kan ange sin egen version av TypeScript-språktjänsten genom att lägga till TypeScript-npm-paketet. Du kan ange versionen med npm-hanteraren i projekt som stöds. Obs! Den lägsta versionen av paketet som stöds är 2.1.

Den separat nedladdningsbara TypeScript-SDK:n är inte längre tillgänglig från Visual Studio Marketplace. Befintliga projekt som förlitar sig på SDK:n bör uppgraderas för att använda NuGet-paketet.

Projektmallar

Från och med Visual Studio 2022 finns det en ny JavaScript/TypeScript-projekttyp (.esproj), kallad JavaScript Project System (JSPS), som gör att du kan skapa fristående Projekt av typen Angular, React och Vue i Visual Studio. Dessa frontend-projekt skapas med hjälp av ramverks-CLI-verktygen som du har installerat på din lokala dator, så versionen av mallen är upp till dig. Information om hur du migrerar från befintliga Node.js projekt till det nya projektsystemet finns i Migrera Node.js projekt. Information om MSBuild för den nya projekttypen finns i MSBuild-egenskaper för JSPS

I dessa nya projekt kan du köra JavaScript- och TypeScript-enhetstester, enkelt lägga till och ansluta ASP.NET Core API-projekt och ladda ned dina npm-moduler med npm-chefen. Ta en titt på några av snabbstarterna och självstudierna för att komma igång. Mer information finns i Självstudier för Visual Studio | JavaScript och TypeScript.