JavaScript- és TypeScript-kód fejlesztése Visual Studio megoldások vagy projektek nélkül

A kód projektek vagy megoldások nélkül is fejleszthető. Ezzel a módszerrel megnyithat egy kódmappát, és azonnal megkezdheti a munkát olyan gazdag szerkesztői támogatásokkal, mint az IntelliSense, a keresés, az újrabontás, a hibakeresés és egyebek. Ezen funkciók mellett a Node.js Tools for Visual Studio támogatja a TypeScript-fájlok készítését, az npm-csomagok kezelését és az npm-szkriptek futtatását.

Első lépésként válassza a Fájl>megnyitása>mappát az eszköztáron. Megoldáskezelő megjeleníti a mappában lévő összes fájlt, és bármelyik fájlt megnyithatja a szerkesztés megkezdéséhez. A háttérben Visual Studio indexeli a fájlokat az npm, a build és a hibakeresési funkciók engedélyezéséhez.

Prerequisites

• Visual Studio Node.js fejlesztési számítási feladatot telepíteni kell

npm-integráció

Ha a megnyitott mappa tartalmaz egy package.json fájlt, a(z) package.json fájlra jobb gombbal kattintva megjelenítheti az npm-specifikus helyi menüt (gyorsmenüt).

A helyi menüben ugyanúgy kezelheti az npm által telepített csomagokat, mint az npm-csomagokat projektfájl használatakor.

A menü emellett lehetővé teszi a scriptselemében definiált szkriptek futtatását is. Ezek a szkriptek a környezeti változóban PATH elérhető Node.js verzióját használják. A szkriptek egy új ablakban futnak. Ez nagyszerű módszer buildelési vagy szkriptek futtatására.

Létrehozás és hibakeresés

package.json

Ha a mappában lévő package.json egy main elemet ad meg, a Hibakeresés parancs elérhető a package.json helyi menüjében. A parancs kiválasztásakor a parancs a megadott szkript argumentumaként node.exe indul el.

Ha a Hibakeresés parancs nem indítja el megfelelően az alkalmazást, győződjön meg arról, hogy a package.json fájl tartalmaz egy indítási szkriptet, például az alábbi példát.

"main": "index.js",
"scripts": {
  "start": "node index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

Ebben a példában a package.json fájlból futtathatja a start szkriptet úgy, hogy a Megoldáskezelőben a jobb gombbal a package.json fájlra kattint, majd a Npm>npm run script start lehetőséget választja.

JavaScript-fájlok

A JavaScript-fájlok hibakereséséhez kattintson a jobb gombbal egy fájlra, és válassza a Helyi menü Hibakeresés parancsát. Ez azzal a JavaScript-fájllal kezdődik node.exe argumentumként.

Ha a Hibakeresés parancs nem indítja el megfelelően az alkalmazást, a package.json szakaszban leírt módszerrel futtasson egy indítási szkriptet.

TypeScript-fájlok és tsconfig.json

Ha nincs tsconfig.json a mappában, a helyi menüparancsok megtekintéséhez kattintson a jobb gombbal egy TypeScript-fájlra a fájl létrehozásához és hibakereséséhez. Ha ezeket a parancsokat használja, az alapértelmezett beállításokkal rendelkező tsc.exe használatával hozhat létre vagy végezhet hibakeresést. (A hibakereséshez létre kell készítenie a fájlt.)

Ha tsconfig.jsonfájl található a mappában, a jobb gombbal egy TypeScript-fájlra kattintva megjelenítheti a menüparancsot a TypeScript-fájl hibakereséséhez. A beállítás csak akkor jelenik meg, ha nincs outFile megadva a tsconfig.json. Ha meg van adva egy outFile, akkor a fájlt úgy hibakeresheti, hogy a(z) tsconfig.json fájlra a jobb gombbal kattint, majd kiválasztja a megfelelő lehetőséget. A tsconfig.json fájl egy összeállítási lehetőséget is biztosít, amely lehetővé teszi a fordítóbeállítások megadását.

Egységtesztek

A Visual Studióban engedélyezheti az egységtesztek integrációját, ha a package.json fájlban megad egy tesztgyökérkönyvtárat:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

A tesztfuttató felsorolja a helyileg telepített csomagokat, hogy megállapítsa, melyik tesztelési keretrendszert kell használnia. Ha egyik támogatott keretrendszer sem ismerhető fel, a tesztfuttató alapértelmezés szerint az ExportRunner lesz. A többi támogatott keretrendszer a következő:

• Mokka (mochajs.org)
• Jázmin (Jasmine.github.io)
• Tape (github.com/substack/tape)
• Jest (jestjs.io)

A Test Explorer megnyitása után (válassza Tesztelés>Windows>Test Explorer) lehetőséget, a Visual Studio felderíti és megjeleníti a teszteket.