JavaScript a TypeScript v sadě Visual Studio

Visual Studio poskytuje bohatou podporu vývoje v JavaScriptu, a to jak přímo pomocí JavaScriptu, tak i pomocí programovacího jazyka TypeScript. TypeScript byl vyvinut tak, aby poskytoval produktivnější a zábavnější vývojové prostředí JavaScriptu, zejména při vývoji projektů ve velkém měřítku. V sadě Visual Studio můžete psát kód JavaScriptu nebo TypeScriptu pro mnoho typů aplikací a služeb.

Služba jazyka JavaScript a TypeScript

Ve výchozím nastavení Visual Studio využívá prostředí JavaScriptu a TypeScriptu s integrovanou sadou TypeScript SDK, která poskytuje kompilátor a jazykovou službu. Tato sada SDK je primárně určená pro scénáře úprav JavaScriptu, ve kterých váš projekt nemá nainstalovanou vlastní verzi TypeScriptu.

Počínaje Visual Studio 2026 používá integrovaná sada SDK nativní kompilátor TypeScript 7, nativní port kompilátoru TypeScriptu a nástrojů, které přináší významná vylepšení výkonu. Uvidíte rychlejší IntelliSense a dokončování, rychlejší diagnostiku chyb, rychlejší dobu načítání projektu a vylepšenou odezvu pro funkce, jako je Najít všechny odkazy a Přejít k definici. Další informace naleznete v tématu TypeScript 7 Beta nyní povoleno ve výchozím nastavení.

Použití jiné verze TypeScriptu pro službu jazyka

Pokud má váš projekt nainstalovanou místní verzi TypeScriptu (přes npm nebo NuGet), Visual Studio používá danou verzi pro jazykovou službu místo integrované sady SDK.

  • Pokud chcete použít TypeScript 6.x (GA), nainstalujte do projektu balíček Npm TypeScript:

    npm install -D typescript@^6.0.0
    
  • Pokud chcete připnout konkrétní nativní verzi Preview jazyka TypeScript 7, nainstalujte @typescript/native-preview balíček:

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

Chcete-li nativní jazykovou službu TypeScriptu 7 úplně zakázat, přejděte na Nástroje>Možnosti>Funkce ve verzi Preview a vyhledejte „native preview“. Zakažte verzi Preview služby nativního jazyka JavaScript/TypeScript a restartujte Visual Studio.

Podpora TypeScriptu

Ve výchozím nastavení Visual Studio poskytuje podporu jazyka pro soubory JavaScript a TypeScript pro Power IntelliSense bez jakékoli konkrétní konfigurace projektu. Pro kompilaci TypeScriptu poskytuje Visual Studio flexibilitu při výběru verze TypeScriptu, která se má použít pro jednotlivé projekty.

Ve scénářích kompilace MSBuild, jako je ASP.NET Core, je TypeScript NuGet balíček doporučeným způsobem, jak přidat podporu kompilace TypeScriptu do vašeho projektu. Visual Studio vám dává možnost přidat tento balíček při prvním přidání souboru TypeScript do projektu. Tento balíček můžete kdykoli přidat také prostřednictvím správce balíčků NuGet. Když použijete balíček NuGet, použije se odpovídající verze jazykové služby pro podporu jazyků ve vašem projektu.

Projekty nakonfigurované pro npm, například pro projekty Node.js, mohou zadat vlastní verzi služby jazyka TypeScript přidáním balíčku Npm TypeScript. Verzi můžete zadat pomocí správce npm v podporovaných projektech.

Samostatná sada TypeScript SDK ke stažení už není k dispozici na Visual Studio Marketplace. Místo toho použijte balíček NuGet nebo npm.

Návod

Pro větší přenositelnost napříč různými platformami a prostředími použijte balíček TypeScript NuGet nebo balíček TypeScript npm. Další informace naleznete v tématu Kompilace kódu TypeScript pomocí NuGet a Kompilace typeScript kódu pomocí npm.

Šablony projektů

Visual Studio zahrnuje JavaScript/TypeScript project typ (.esproj), který se nazývá JavaScript Project System (JSPS), který můžete použít k vytváření samostatných projektů Angular, React a Vue v Visual Studio. Tyto frontendové projekty se vytvářejí pomocí nástrojů CLI frameworku, které si nainstalujete do místního počítače, takže si zvolíte verzi šablony. Pokud chcete migrovat ze stávajících projektů Node.js do nového systému projektů, přečtěte si téma Migrace Node.js projektů. Informace o nástroji MSBuild pro nový typ projektu naleznete v tématu VLASTNOSTI NÁSTROJE MSBuild pro JSPS.

V rámci těchto nových projektů můžete spouštět testy jednotek JavaScriptu a TypeScriptu, snadno přidávat a připojovat projekty rozhraní API ASP.NET Core a stahovat moduly npm pomocí správce npm. Podívejte se na některé z rychlých startů a kurzů, které vám pomůžou začít. Další informace najdete v kurzech k sadě Visual Studio | JavaScript a TypeScript.

Visual Studio 2022 poskytuje bohatou podporu vývoje JavaScriptu, a to jak přímo pomocí JavaScriptu, tak i pomocí programovacího jazyka TypeScript, který byl vyvinut tak, aby poskytoval produktivnější a příjemné vývojové prostředí JavaScriptu, zejména při vývoji projektů ve velkém měřítku. V sadě Visual Studio můžete psát kód JavaScriptu nebo TypeScriptu pro mnoho typů aplikací a služeb.

Služba jazyka JavaScript

Prostředí JavaScriptu v sadě Visual Studio 2022 využívá stejný modul, který poskytuje podporu TypeScriptu. Tento engine poskytuje okamžitou integraci, bohatou podporu funkcí a lepší možnosti ihned po vybalení.

Možnost obnovení do starší verze služby jazyka JavaScript už není dostupná. Uživatelé mají novou službu jazyka JavaScript k dispozici ihned po instalaci. Nová služba jazyka je založená výhradně na službě jazyka TypeScript, která využívá statickou analýzu. Tato služba nám umožňuje poskytovat lepší nástroje, takže váš javascriptový kód může těžit z bohatší technologie IntelliSense na základě definic typů. Nová služba je odlehčená a spotřebovává méně paměti než starší verze služby a poskytuje lepší výkon při škálování kódu. Vylepšili jsme také výkon služby jazyka pro zpracování větších projektů.

Podpora TypeScriptu

Visual Studio 2022 ve výchozím nastavení poskytuje jazykovou podporu pro soubory JavaScriptu a TypeScriptu pro power IntelliSense bez jakékoli konkrétní konfigurace projektu.

Pro kompilaci TypeScriptu poskytuje Visual Studio flexibilitu při výběru verze TypeScriptu, která se má použít pro jednotlivé projekty.

Ve scénářích kompilace MSBuild, jako je ASP.NET Core, je TypeScript NuGet balíček doporučeným způsobem, jak přidat podporu kompilace TypeScriptu do vašeho projektu. Visual Studio vám poskytne možnost přidat tento balíček při prvním přidání souboru TypeScript do projektu. Tento balíček je také k dispozici kdykoli prostřednictvím správce balíčků NuGet. Při použití balíčku NuGet se pro podporu jazyka ve vašem projektu použije odpovídající verze jazykové služby. Poznámka: Minimální podporovaná verze tohoto balíčku je 3.6.

Projekty nakonfigurované pro npm, například pro projekty Node.js, mohou zadat vlastní verzi služby jazyka TypeScript přidáním balíčku Npm TypeScript. Verzi můžete zadat pomocí správce npm v podporovaných projektech. Poznámka: Minimální podporovaná verze tohoto balíčku je 2.1.

Samostatná sada TypeScript SDK ke stažení už není k dispozici na Visual Studio Marketplace. Existující projekty, které spoléhají na sadu SDK, by se měly upgradovat tak, aby používaly balíček NuGet.

Návod

Pro projekty vyvinuté v sadě Visual Studio 2022 doporučujeme použít balíček NuGet TypeScript nebo balíček Npm TypeScript pro větší přenositelnost napříč různými platformami a prostředími. Další informace naleznete v tématu Kompilace kódu TypeScript pomocí NuGet a Kompilace typeScript kódu pomocí npm.

Šablony projektů

Od sady Visual Studio 2022 existuje nový typ projektu JavaScript/TypeScript (.esproj), který se nazývá JsPS (JavaScript Project System), který umožňuje vytvářet samostatné projekty Angular, React a Vue v sadě Visual Studio. Tyto front-endové projekty se vytvářejí pomocí nástrojů rozhraní příkazového řádku, které jste nainstalovali na místním počítači, takže volba verze šablony záleží na vás. Pokud chcete migrovat ze stávajících projektů Node.js do nového systému projektů, přečtěte si téma Migrace Node.js projektů. Informace o nástroji MSBuild pro nový typ projektu naleznete v tématu Vlastnosti NÁSTROJE MSBuild pro JSPS

V rámci těchto nových projektů můžete spouštět testy jednotek JavaScriptu a TypeScriptu, snadno přidávat a připojovat ASP.NET projekty core API a stahovat moduly npm pomocí správce npm. Podívejte se na některé z rychlých startů a kurzů, které vám pomůžou začít. Další informace najdete v kurzech k sadě Visual Studio | JavaScript a TypeScript.

Poznámka:

Zjednodušená aktualizovaná šablona je dostupná od sady Visual Studio 2022 verze 17.5. V porovnání se šablonami ASP.NET SPA dostupnými v sadě Visual Studio poskytují šablony .esproj SPA pro ASP.NET Core lepší správu závislostí npm a lepší podporu sestavení a publikování.