Vývoj kódu JavaScriptu a TypeScriptu v Visual Studio bez řešení nebo projektů

Kód můžete vyvíjet bez projektů nebo řešení. Tento přístup umožňuje otevřít složku kódu a okamžitě začít pracovat s bohatou podporou editoru, jako je IntelliSense, vyhledávání, refaktoring, ladění a další. Kromě těchto funkcí přidává nástroje Node.js pro Visual Studio podporu vytváření souborů TypeScript, správu balíčků npm a spouštění skriptů npm.

Začněte tím,že na panelu nástrojů vyberete >Soubor otevřít>složku. Průzkumník řešení zobrazí všechny soubory ve složce a můžete otevřít kterýkoli ze souborů, abyste mohli začít upravovat. Na pozadí Visual Studio indexuje soubory tak, aby povolily funkce npm, sestavení a ladění.

Předpoklady

• Musí být nainstalována úloha sady Visual Studio Vývoj pro Node.js

integrace npm

Pokud složka, kterou otevřete, obsahuje soubor package.json, můžete kliknutím pravým tlačítkem na package.json zobrazit kontextovou nabídku (zástupnou nabídku) specifickou pro npm.

V místní nabídce můžete spravovat balíčky nainstalované pomocí npm stejným způsobem, jakým spravujete balíčky npm při použití souboru projektu.

Kromě toho nabídka také umožňuje spouštět skripty definované v scripts prvku v package.json. Tyto skripty budou používat verzi Node.js dostupnou v proměnné prostředí PATH. Skripty se spouští v novém okně. Toto je skvělý způsob, jak spustit sestavení nebo spustit skripty.

Sestavení a ladění

package.json

Pokud soubor package.json ve složce obsahuje element main, je v místní nabídce po kliknutí pravým tlačítkem myši na package.json k dispozici příkaz Debug. Když vyberete tento příkaz, spustí node.exe se zadaným skriptem jako argumentem.

Pokud příkaz Debug nespustí aplikaci správně, ujistěte se, že váš souborpackage.json obsahuje spouštěcí skript, například následující příklad.

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

V tomto příkladu můžete spustit spouštěcí skript z package.json tak, že v Průzkumník řešení kliknete pravým tlačítkem na package.json a zvolítespuštění skriptu npm npm>.

Soubory JavaScriptu

Soubory JavaScriptu můžete ladit tak, že kliknete pravým tlačítkem myši na soubor a v místní nabídce vyberete Ladit . Tím se spustí node.exe s tímto souborem JavaScriptu jako jeho argumentem.

Pokud příkaz Debug nespustí aplikaci správně, spusťte spouštěcí skript pomocí metody popsané v části package.json .

Soubory TypeScriptu a tsconfig.json

Pokud ve složce není k dispozici soubor tsconfig.json, můžete kliknout pravým tlačítkem myši na soubor TypeScript a zobrazit příkazy v místní nabídce pro sestavení a ladění tohoto souboru. Při použití těchto příkazů sestavíte nebo ladíte pomocí tsc.exe s výchozími možnostmi. (Před laděním musíte soubor sestavit.)

Pokud je ve složce tsconfig.json soubor, můžete kliknout pravým tlačítkem myši na soubor TypeScript a zobrazit příkaz nabídky pro ladění tohoto souboru TypeScript. Tato možnost se zobrazí pouze v případě, že v outFilenení zadána žádná možnost . Pokud je zadán outFile, můžete tento soubor ladit kliknutím pravým tlačítkem na tsconfig.json a výběrem příslušné možnosti. Soubor tsconfig.json také nabízí možnost sestavení, která vám umožní zadat možnosti kompilátoru.

Jednotkové testy

Integraci testů jednotek můžete povolit v Visual Studio zadáním kořenového adresáře testu v package.json:

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

Spouštěč testů vytvoří výčet místně nainstalovaných balíčků, aby určil, jakou testovací architekturu použít. Pokud není rozpoznán žádný z podporovaných frameworků, jako výchozí spouštěč testů se použije ExportRunner. Mezi další podporované architektury patří:

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Páska (github.com/substack/tape)
• Jest (jestjs.io)

Po otevření Průzkumníka testů (zvolte Test>Windows>Průzkumník testů), Visual Studio vyhledá a zobrazí testy.