Node.js-sovellusten virheenkorjaus Visual Studio Codessa

Node.js-sovelluksen virheenkorjaus Visual Studio Codessa itsessään on mahdollista ja yksinkertaista. VS-koodieditorissa on sisäänrakennettu debuggeri, joka pystyy korjaamaan minkä tahansa Node.js-ajonaikaiseen sovellukseen kohdistetun sovelluksen. Tämä tarkoittaa, että voit korjata JavaScriptin tai minkä tahansa muun siihen kääntävän kielen virheen (esim. TypeScript).

Tämä artikkeli opastaa sinut Node.js-sovelluksen virheenkorjausvaiheiden läpi VS Codessa. Opit aloittamaan virheenkorjausistunnon, lisäämään keskeytyskohtia, liittämään ulkoisen prosessin ja korjaamaan TypeScript-koodin lähdekarttojen avulla.

Mitä tarvitset aloittaaksesi

Ennen kuin aloitat, asenna sekä Node.js että VS Code paikalliselle koneellesi. Node.js: n uusin versio on saatavilla osoitteessa Node.js virallinen nettisivu. Samoin Visual Studio Code: lle lataa uusin versio osoitteesta

VS koodi verkkosivusto. Ohjeita varten kuinka VS-koodi määritetään Windowsissa, lue asennusoppaamme.

Tarvitset myös Node.js-projektin. Voit luoda yksinkertaisen Node.js-sovelluksen tyhjästä tai käytä olemassa olevaa sovellusta.

Vianetsintäprosessi VS-koodissa

Vianetsintäistunnon aloittaminen VS-koodieditorissa on melko yksinkertaista. Avaa tiedosto VS-koodilla ja napsauta Suorita ja debug -kuvaketta sivupalkissa (tai paina Ctrl + Vaihto + D näppäimistölläsi). Napsauta seuraavaksi Suorita ja debug -painiketta aloittaaksesi prosessin.

Oletuksena Node.js yrittää selvittää projektisi virheenkorjausympäristön. Mutta jos automaattinen tunnistus ei onnistu, se kehottaa valitsemaan oikean ympäristön. Tässä opetusohjelmassa kyseinen ympäristö on Node.js.

Kun olet valinnut ympäristön, VS Code aktivoi debuggerin ja liittää sen prosessiin. Näet tuotosi kohdassa DEBUG-KONSOLI. Yläosan virheenkorjaustyökalurivin avulla voit toistaa koodia, keskeyttää suorituksen tai lopettaa istunnon.

Sinulla on myös mahdollisuus luoda asetustiedosto. The launch.json tiedoston avulla voit määrittää ja määrittää virheenkorjaustiedot. Jos komentosarjasi vaatii argumentin, anna nämä argumentit tiedostoon launch.json tiedosto. Jokaiselle kokoonpanolle voidaan asettaa useita vaihtoehtoja:

{ 
"versio": "0.2.0", 
"kokoonpanot": [ 
 { "tyyppi": "solmu", 
"pyyntö": "tuoda markkinoille", 
"nimi": "Käynnistä ohjelma", 
"skipFiles": [ "/**" ], 
"ohjelmoida": "${workspaceFolder}\\index.js"
 } 
 ]
}

Näet myös viisi paneelia editorin vasemmalla puolella. Nämä paneelit ovat MUUTTUJAT, KATSELLA, KUTSUPINO, LADATUT Skriptit, ja KESKEYTYSPISTEET:

Kun olet määrittänyt asetukset, valitse ja suorita ohjelma asetusvalikon kautta.

Liitä ulkoinen prosessi

Toinen tapa Node.js-virheenkorjausistunnon määrittämiseen on liittää ulkoinen prosessi. Käynnistä ohjelma seuraavalla komennolla:

node --inspect index.js

Aseta -brk lippu perässä --tarkastaa jos haluat liittää sen ennen ohjelman käynnistymistä.

Avaa seuraavaksi prosessivalitsin VS Codessa. Tässä luetellaan kaikki Node.js-ympäristössä käytettävissä olevat prosessit. Avaa poimija painamalla Ctrl + Vaihto + P ja löytää Virheenkorjaus: Liitä Node.js-komentoon.

Napsauta komentoa ja valitse oikea vaihtoehto aloittaaksesi virheenkorjausprosessin.

Katkopisteen luominen

Jos haluat pysähtyä tietyissä kohdissa ohjelmassasi tarkastaaksesi koodin, aseta keskeytyskohdat sinne. Voit asettaa keskeytyspisteitä melkein missä tahansa koodissasi. Tämä sisältää muuttujien ilmoitukset, lausekkeet ja kommentit. Mutta et voi asettaa keskeytyskohtia funktiomäärittelyissä.

Katkaisupisteen luominen on melko yksinkertaista. Kun siirrät hiirtä rivinumeroiden vasemmalle puolelle, jokaiselle riville tulee punainen ympyrä. Tunnista koodisi rivinumero, johon haluat lisätä keskeytyskohdan. Napsauta sitten tätä riviä lisätäksesi keskeytyskohdan:

Vuonna KESKEYTYSPISTEET -ruudusta löydät kaikki projektissasi käytössä olevat keskeytyskohdat. Täällä voit hallita, muokata ja poistaa käytöstä keskeytyspisteitä. Voit myös pysäyttää koodin, kun poikkeus heittää tai jos poikkeuksia ei ole havaittu. Tämän avulla voit tarkistaa ongelman ennen prosessin päättymistä.

Katsotaanpa keskeytyspisteitä toiminnassa. Klikkaa Tuoda markkinoille -kuvaketta käynnistääksesi virheenkorjausistunnon. Ohjelma pysähtyy ensimmäisessä keskeytyskohdassa ja antaa arvon tarkastusta varten:

Voit napsauttaa Jatkaa -kuvake (tai paina F5) siirtääksesi ohjelman seuraavaan keskeytyskohtaan. Tämä jatkuu, kunnes saavut ohjelman loppuun.

TypeScriptin virheenkorjaus lähdekartoilla

Kun Typescriptin suosio kasvaa jatkuvasti, TypeScriptillä kirjoitettujen Node.js-projektien määrä kasvaa varmasti. Onneksi voit myös korjata TypeScript-pohjaisia ​​projekteja VS-koodilla.

Luo ensin a tsconfig.json tiedosto projektisi juurihakemistoon (jos sitä ei ole jo luotu) ja ota lähdekartat käyttöön:

{ "kääntäjäasetukset": { "lähdekartat": totta }}

Liitä seuraavaksi käynnissä oleva prosessi ja aseta keskeytyskohdat TypeScript-tiedostoon. Visual Studio Code löytää lähdekartat ja käyttää niitä.

Voit nimenomaisesti kertoa VS Codelle, mistä löytää lähdekartat. Voit tehdä tämän lisäämällä an outFiles attribuutti käynnistysmääritystiedostossasi ja osoita se lähdekarttojen tarkkaan sijaintiin:

{ 
"versio": "0.2.0", 
"kokoonpanot": [ { 
"tyyppi": "solmu", 
"pyyntö": "tuoda markkinoille", 
"nimi": "Käynnistä ohjelma", 
"skipFiles": [ "/**" ], 
"ohjelmoida": "${workspaceFolder}\\index.js", 
"outFiles": "${workspaceFolder}\\index.js", 
 } 
 ]
}

Jos käytät ts-solmu Jos haluat suorittaa projektisi ilman rakennusvaihetta, käytä tätä yllä olevan määrityksen sijaan:

{ 
"versio": "0.2.0", 
"kokoonpanot": [ { 
"tyyppi": "pwa-solmu", 
"pyyntö": "tuoda markkinoille", 
"nimi": "Käynnistä palvelin", 
"skipFiles": [ "/**" ], 
"runtimeArgs": [ "-r", "ts-solmu/rekisteri" ], 
"args": [ "${workspaceFolder}/src/server.ts" ] 
 }]
}

Koska ohjelmamääritettä ei ole, suoritusaika args rekisterit ts-solmu TypeScript-tiedostojen käsittelijänä. Ensimmäinen argumentti args on ohjelman syöttötiedosto. Nyt voit aloittaa virheenkorjausistunnon. Jos kehität vanilla JavaScriptillä tai käyttöliittymäkehyksellä, voit myös korjaa JavaScript-koodi selaimessa.

Muita Visual Studio Coden ominaisuuksia

Visual Studio Code on tehokas lähdekoodieditori, joka on täynnä uskomattomia ominaisuuksia. Käsittelimme VS Coden sisäänrakennetun virheenkorjaustyökalun. Osoitimme myös, kuinka voit käyttää sitä Node.js-sovelluksesi virheenkorjaukseen.

Mutta VS Codessa on paljon muita käteviä ominaisuuksia. Vaikka jotkin niistä saattavat olla sinulle tuttuja, jotkut saattavat olla sinulle täysin uusia. Siinä tapauksessa saatat kiinnostaa sinua oppimaan näistä ominaisuuksista ja niiden käytöstä.