Utveckla JavaScript- och TypeScript-kod i Visual Studio utan lösningar eller projekt

Du kan utveckla kod utan projekt eller lösningar. Med den här metoden kan du öppna en kodmapp och omedelbart börja arbeta med omfattande redigeringsstöd, till exempel IntelliSense, sökning, refaktorisering, felsökning med mera. Förutom dessa funktioner lägger Node.js Tools for Visual Studio till stöd för att skapa TypeScript-filer, hantera npm-paket och köra npm-skript.

Kom igång genom att väljaÖppna>mapp> i verktygsfältet. Prieskumník riešení visar alla filer i mappen och du kan öppna alla filer för att börja redigera. I bakgrunden indexerar Visual Studio filerna för att aktivera funktioner för npm, build och felsökning.

Prerequisites

• Visual Studio-arbetsbelastningen för Node.js-utveckling måste installeras

npm-integration

Om mappen du öppnar innehåller en package.json fil kan du högerklicka påpackage.json för att visa en snabbmeny (snabbmeny) som är specifik för npm.

På snabbmenyn kan du hantera paketen som installeras av npm på samma sätt som du hanterar npm-paket när du använder en projektfil.

Dessutom kan du på menyn även köra skript som definierats i elementet scripts i package.json. Dessa skript använder versionen av Node.js som är tillgänglig i PATH miljövariabeln. Skripten körs i ett nytt fönster. Det här är ett bra sätt att köra bygg- eller körningsskript.

Skapa och felsöka

package.json

Om package.json i mappen anger ett main-element, är kommandot Debug tillgängligt i snabbmenyn för package.json. När du väljer det här kommandot börjar det node.exe med det angivna skriptet som argument.

Om felsökningskommandot inte startar appen korrekt kontrollerar du att filenpackage.json innehåller ett startskript, till exempel följande exempel.

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

I det här exemplet kan du köra startskriptet från package.json genom att högerklicka påpackage.json i Prieskumník riešení och välja Npm npm-körningsskriptstart>.

JavaScript-filer

Du kan felsöka JavaScript-filer genom att högerklicka på en fil och välja Felsöka på snabbmenyn. Detta börjar node.exe med JavaScript-filen som argument.

Om felsökningskommandot inte startar appen korrekt använder du den metod som beskrivs i avsnittetpackage.json för att köra ett startskript.

TypeScript-filer och tsconfig.json

Om det inte finns några tsconfig.json i mappen kan du högerklicka på en TypeScript-fil för att se snabbmenykommandon för att skapa och felsöka filen. När du använder dessa kommandon skapar eller felsöker du med tsc.exe med standardalternativ. (Du måste skapa filen innan du kan felsöka.)

Om det finns en tsconfig.json fil i mappen kan du högerklicka på en TypeScript-fil för att se ett menykommando för att felsöka TypeScript-filen. Alternativet visas bara om det inte finns någon outFile angiven i tsconfig.json. Om en outFile har angetts kan du felsöka filen genom att högerklicka påtsconfig.json och välja rätt alternativ. Filen tsconfig.json ger dig också ett byggalternativ som gör att du kan ange kompilatoralternativ.

Enhetstester

Du kan aktivera enhetstestintegrering i Visual Studio genom att ange en testrot i package.json:

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

Testköraren räknar upp de lokalt installerade paketen för att avgöra vilket testramverk som ska användas. Om inget av de ramverk som stöds känns igen använder testköraren ExportRunner som standard. De andra ramverk som stöds är:

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

När du har öppnat Test Explorer (välj Test>Windows>Test Explorer) identifierar och visar Visual Studio tester.