JavaScript és TypeScript a Visual Studióban

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(z) TypeScript SDK elavulttá vált a Visual Studio 2022-ben. Az SDK-ra támaszkodó meglévő projekteket frissíteni kell a NuGet-csomag használatára.

Jótanács

A Visual Studio 2022-ben fejlesztett projektek esetében javasoljuk, hogy a TypeScript NuGet vagy a TypeScript npm csomagot használja a különböző platformok és környezetek nagyobb hordozhatósága érdekében. További információ: TypeScript-kód fordítása NuGet használatával és TypeScript-kód fordítása npm használatával.

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.

Megjegyzés:

Egyszerűsített, frissített sablon érhető el a Visual Studio 2022 17.5-ös verziójától kezdve. A Visual Studióban elérhető ASP.NET SPA-sablonokhoz képest a ASP.NET Core .esproj SPA-sablonjai jobb npm-függőségkezelést, valamint jobb buildelési és közzétételi támogatást biztosítanak.