JavaScript és TypeScript a Visual Studióban

Visual Studio gazdag támogatást nyújt a JavaScript-fejlesztéshez, mind közvetlenül a JavaScript használatával, mind a TypeScript programozási nyelv használatával. A TypeScriptet úgy fejlesztették ki, hogy hatékonyabb és élvezetesebb JavaScript-fejlesztési élményt nyújtson, különösen nagy léptékű projektek fejlesztésekor. JavaScript- vagy TypeScript-kódot számos alkalmazástípushoz és szolgáltatáshoz írhat a Visual Studióban.

JavaScript és TypeScript nyelvi szolgáltatás

Alapértelmezés szerint Visual Studio a JavaScript- és TypeScript-élményt egy beépített TypeScript SDK-val irányítja, amely a fordítót és a nyelvi szolgáltatást biztosítja. Ez az SDK elsősorban JavaScript-szerkesztési forgatókönyvekhez készült, ahol a projekt nem rendelkezik saját TypeScript-verzióval.

2026 Visual Studio-tól kezdve a beépített SDK a TypeScript 7 natív fordítót, a TypeScript fordító natív portját és jelentős teljesítménybeli javulást eredményező eszközöket használ. Gyorsabb IntelliSense és -befejezések, gyorsabb hibadiagnosztika, gyorsabb projektbetöltési idők és továbbfejlesztett válaszkészség az olyan funkciók esetében, mint a Minden hivatkozás keresése és a Definícióra lépés. További információ: A TypeScript 7 bétaverziója alapértelmezés szerint engedélyezve.

Másik TypeScript-verzió használata a nyelvi szolgáltatáshoz

Ha a projekt helyi TypeScript-verzióval rendelkezik (npm vagy NuGet használatával), Visual Studio ezt a verziót használja a nyelvi szolgáltatáshoz a beépített SDK helyett.

• A TypeScript 6.x (GA) használatához telepítse a TypeScript npm-csomagot a projektben:

  npm install -D typescript@^6.0.0
  

• Egy adott TypeScript 7 natív előzetes verzió rögzítéséhez telepítse a @typescript/native-preview csomagot:

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

A TypeScript 7 natív nyelvi szolgáltatás teljes letiltásához nyissa meg az Eszközök>beállításai>– előzetes verziójú funkciókat, és keressen rá a "natív előzetes verzió" kifejezésre. Tiltsa le a JavaScript/TypeScript natív nyelvi szolgáltatás előzetes verziójának engedélyezését, majd indítsa újra Visual Studio.

TypeScript-támogatás

Alapértelmezés szerint a Visual Studio nyelvi támogatást biztosít a JavaScript- és TypeScript-fájlok számára az IntelliSense speciális projektkonfiguráció nélküli használatához. A TypeScript összeállításához a Visual Studio rugalmasan kiválaszthatja, hogy a TypeScript melyik verzióját használja projektenként.

Az MSBuild összeállítási forgatókönyvekben, például a ASP.NET Core-ban a TypeScript NuGet-csomag az ajánlott módszer a TypeScript fordítási támogatás hozzáadásához a projekthez. Visual Studio lehetővé teszi a csomag hozzáadását, amikor első alkalommal ad hozzá TypeScript-fájlt a projekthez. Ezt a csomagot bármikor hozzáadhatja a NuGet csomagkezelőn keresztül. A NuGet-csomag használatakor a nyelvi szolgáltatás megfelelő verzióját használja a projekt nyelvi támogatásához.

Az npm-hez konfigurált projektek, például Node.js projektek a TypeScript nyelvi szolgáltatás saját verzióját adhatja meg a TypeScript npm-csomag hozzáadásával. A verziót az npm-kezelővel adhatja meg a támogatott projektekben.

A külön letölthető TypeScript SDK már nem érhető el a Visual Studio Marketplace-en. Használja inkább a NuGet- vagy npm-csomagot.

Projektsablonok

Visual Studio tartalmaz egy JavaScript/TypeScript project típusú (.esproj), úgynevezett JavaScript Project rendszer (JSPS), amellyel önálló Angular-, React- és Vue-projektek hozhatók létre Visual Studio. Ezek az előtérbeli projektek a helyi gépen telepített keretrendszer parancssori felületi eszközeivel jönnek létre, így ön kiválasztja a sablon verzióját. A meglévő Node.js projektekből az új projektrendszerbe való migráláshoz tekintse meg a Node.js projektek migrálásával foglalkozó témakört. Az új projekttípus MSBuild-információiért lásd: MSBuild properties for JSPS.

Ezekben az új projektekben JavaScript- és TypeScript-egységteszteket futtathat, egyszerűen hozzáadhat és csatlakoztathat ASP.NET Core API-projekteket, és letöltheti az npm-modulokat az npm-kezelővel. Első lépésként tekintse meg a rövid útmutatókat és oktatóanyagokat. További információ: Visual Studio-oktatóanyagok | JavaScript és TypeScript.

A Visual Studio 2022 gazdag támogatást nyújt a JavaScript-fejlesztéshez, mind a JavaScript közvetlen használatával, mind a TypeScript programozási nyelv használatával, amelyet úgy fejlesztettek ki, hogy hatékonyabb és élvezetesebb JavaScript-fejlesztési élményt nyújtson, különösen nagy léptékű projektek fejlesztésekor. JavaScript- vagy TypeScript-kódot számos alkalmazástípushoz és szolgáltatáshoz írhat a Visual Studióban.

JavaScript nyelvi szolgáltatás

A Visual Studio 2022 JavaScript-élményét ugyanaz a motor működteti, amely TypeScript-támogatást nyújt. Ez a motor jobb funkciótámogatást, gazdagságot és integrációt biztosít azonnal a dobozon kívül.

A régi JavaScript nyelvi szolgáltatásra való visszaállítási lehetőség már nem érhető el. A felhasználók az új JavaScript nyelvi szolgáltatást azonnal elérhetik. Az új nyelvi szolgáltatás kizárólag a TypeScript nyelvi szolgáltatáson alapul, amelyet statikus elemzések hajtanak végre. Ez a szolgáltatás lehetővé teszi, hogy jobb eszközhasználatot biztosítsunk Önnek, így a JavaScript-kód a típusdefiníciókon alapuló, gazdagabb IntelliSense előnyeit élvezheti. Az új szolgáltatás könnyű, és kevesebb memóriát használ fel, mint az örökölt szolgáltatás, így jobb teljesítményt nyújt a kód méretezése során. A nyelvi szolgáltatás teljesítményét is javítottuk a nagyobb projektek kezelése érdekében.

TypeScript-támogatás

A Visual Studio 2022 alapértelmezés szerint nyelvi támogatást biztosít a JavaScript- és TypeScript-fájlok számára az IntelliSense speciális projektkonfiguráció nélküli használatához.

A TypeScript összeállításához a Visual Studio rugalmasan kiválaszthatja, hogy a TypeScript melyik verzióját használja projektenként.

Az MSBuild összeállítási forgatókönyvekben, például a ASP.NET Core-ban a TypeScript NuGet-csomag az ajánlott módszer a TypeScript fordítási támogatás hozzáadásához a projekthez. A Visual Studio lehetővé teszi a csomag hozzáadását, amikor első alkalommal ad hozzá TypeScript-fájlt a projekthez. Ez a csomag a NuGet-csomagkezelőn keresztül is bármikor elérhető. A NuGet-csomag használata esetén a nyelvi szolgáltatás megfelelő verzióját fogja használni a projekt nyelvi támogatásához. Megjegyzés: A csomag minimálisan támogatott verziója a 3.6.

Az npm-hez konfigurált projektek, például Node.js projektek a TypeScript nyelvi szolgáltatás saját verzióját adhatja meg a TypeScript npm-csomag hozzáadásával. A verziót az npm-kezelővel adhatja meg a támogatott projektekben. Megjegyzés: A csomag minimális támogatott verziója a 2.1.

A külön letölthető TypeScript SDK már nem érhető el a Visual Studio Marketplace-en. Az SDK-ra támaszkodó meglévő projekteket frissíteni kell a NuGet-csomag használatára.

Projektsablonok

A Visual Studio 2022-től kezdve létezik egy új JavaScript/TypeScript projekttípus (.esproj), amelynek neve JavaScript Project System (JSPS), amely lehetővé teszi önálló Angular-, React- és Vue-projektek létrehozását a Visual Studióban. Ezek az előtérbeli projektek a helyi gépen telepített keretrendszer cli-eszközeivel jönnek létre, így a sablon verziója Önön múlik. A meglévő Node.js projektekből az új projektrendszerbe való migráláshoz tekintse meg a Node.js projektek migrálásával foglalkozó témakört. Az új projekttípus MSBuild-információiért lásd: MSBuild properties for JSPS

Ezekben az új projektekben JavaScript- és TypeScript-egységteszteket futtathat, egyszerűen hozzáadhat és csatlakoztathat ASP.NET Core API-projekteket, és letöltheti az npm-modulokat az npm-kezelővel. Első lépésként tekintse meg a rövid útmutatókat és oktatóanyagokat. További információ: Visual Studio-oktatóanyagok | JavaScript és TypeScript.