Kako odpraviti napake v aplikacijah Node.js v kodi Visual Studio

Odpravljanje napak v vaši aplikaciji Node.js v Visual Studio Code je možno in preprosto. Urejevalnik kode VS je opremljen z vgrajenim razhroščevalnikom, ki lahko odpravi napake v kateri koli aplikaciji, ki cilja na izvajalno okolje Node.js. To pomeni, da lahko odpravljate napake v JavaScriptu ali katerem koli drugem jeziku, ki se vanj prevaja (npr. TypeScript).

Ta članek vas bo vodil skozi korake za odpravljanje napak v vaši aplikaciji Node.js v kodi VS. Naučili se boste, kako začeti sejo za odpravljanje napak, vstaviti prekinitvene točke, priložiti zunanji proces in razhroščiti kodo TypeScript z uporabo izvornih zemljevidov.

Kaj potrebujete za začetek

Preden začnete, namestite Node.js in VS Code na svoj lokalni računalnik. Najnovejša različica Node.js je na voljo na Node.js uradna spletna stran. Podobno za kodo Visual Studio prenesite najnovejšo različico iz

Koda VS Spletna stran. Za navodila o kako nastaviti kodo VS v sistemu Windows, preberite naš vodnik za namestitev.

Potrebujete tudi projekt Node.js. Preprosto aplikacijo Node.js lahko ustvarite iz nič ali uporabite obstoječo aplikacijo.

Postopek odpravljanja napak v kodi VS

Zagon seje za odpravljanje napak v urejevalniku kode VS je precej preprost. Odprite datoteko s kodo VS in kliknite Zaženi in odpravi napake ikono v stranski vrstici (ali pritisnite Ctrl + Shift + D na vaši tipkovnici). Nato kliknite Zaženi in odpravi napake gumb za začetek postopka.

Privzeto bo Node.js poskušal ugotoviti okolje za odpravljanje napak v vašem projektu. Če pa je samodejno zaznavanje neuspešno, vas pozove, da izberete pravo okolje. Za to vadnico je to okolje Node.js.

Ko izberete okolje, VS Code aktivira razhroščevalnik in ga pripne procesu. Svoj rezultat lahko vidite v KONZOLA ZA RAZHROŠČEVANJE. Z orodno vrstico za odpravljanje napak na vrhu lahko ponavljate kodo, začasno ustavite izvajanje ali končate sejo.

Imate tudi možnost ustvarjanja konfiguracijske datoteke. The launch.json vam omogoča konfiguracijo in nastavitev podrobnosti o odpravljanju napak. Če vaš skript zahteva argument, vnesite te argumente v launch.json mapa. Za vsako konfiguracijo je mogoče nastaviti več možnosti:

{ 
"različica": "0.2.0", 
"konfiguracije": [ 
 { "tip": "vozlišče", 
"prošnja": "kosilo", 
"ime": "Zagon programa", 
"skipFiles": [ "/**" ], 
"program": "${workspaceFolder}\\index.js"
 } 
 ]
}

Opazili boste tudi pet plošč na levi strani urejevalnika. Te plošče so SPREMENLJIVKE, GLEJ, SKUP KLICOV, NALOŽENE SKRIPTE, in ZLOMI:

Ko končate z nastavljanjem konfiguracije, izberite in zaženite program prek konfiguracijskega menija.

Priložite zunanji proces

Druga metoda za nastavitev seje odpravljanja napak Node.js je pripenjanje zunanjega procesa. Zaženite program z naslednjim ukazom:

vozlišče --inspect index.js

Vstavite -brk zastava po -- pregledati če ga želite priložiti, preden se program začne izvajati.

Nato odprite izbirnik procesa v kodi VS. Tu so navedeni vsi procesi, ki so na voljo v okolju Node.js. Če želite odpreti izbirnik, pritisnite Ctrl + Shift + P in poiščite Odpravljanje napak: pripni ukaz Node.js.

Kliknite ukaz in izberite pravo možnost za začetek postopka odpravljanja napak.

Ustvarjanje prelomne točke

Če se želite ustaviti na določenih točkah v programu, da pregledate kodo, tam nastavite prekinitvene točke. Prekinitvene točke lahko nastavite skoraj kjerkoli v kodi. To vključuje deklaracije spremenljivk, izraze in komentarje. Vendar ne morete nastaviti prelomnih točk v deklaracijah funkcij.

Ustvarjanje prelomne točke je precej preprosto. Ko premaknete miško na levo stran številk vrstic, se na vsaki vrstici prikaže rdeč krog. Določite številko vrstice v kodi, kamor želite vstaviti prelomno točko. Nato kliknite to vrstico, da dodate prelomno točko:

V ZLOMI podoknu boste našli vse prekinitvene točke, omogočene v vašem projektu. Tukaj boste upravljali, urejali in onemogočali prekinitvene točke. Kodo lahko tudi zaustavite, ko vrže izjema ali v primerih neulovljenih izjem. To vam omogoča, da pregledate težavo, preden se postopek zaključi.

Poglejmo prelomne točke v akciji. Kliknite na Kosilo ikono za začetek seje odpravljanja napak. Program se bo ustavil na prvi prelomni točki in dal vrednost za pregled:

Lahko kliknete Nadaljuj ikono (ali pritisnite F5), da premaknete program na naslednjo prekinitveno točko. To se bo nadaljevalo, dokler ne pridete do konca programa.

Odpravljanje napak TypeScript z izvornimi zemljevidi

Ker je Typescript vedno bolj priljubljen, se bo število projektov Node.js, napisanih v TypeScriptu, zagotovo povečalo. Na srečo lahko s kodo VS razhroščite tudi projekte, ki temeljijo na TypeScriptu.

Najprej ustvarite a tsconfig.json datoteko v korenskem imeniku vašega projekta (če še ni ustvarjena) in omogočite izvorne zemljevide:

{ "možnosti prevajalnika": { "sourceMaps": prav }}

Nato priložite tekoči proces in nastavite prekinitvene točke v datoteki TypeScript. Visual Studio Code bo našel izvorne zemljevide in jih uporabil.

Kodi VS lahko izrecno poveste, kje naj najde izvorne zemljevide. Če želite to narediti, dodajte outFiles v konfiguracijski datoteki zagona in ga usmerite na točno lokacijo vaših izvornih zemljevidov:

{ 
"različica": "0.2.0", 
"konfiguracije": [ { 
"tip": "vozlišče", 
"prošnja": "kosilo", 
"ime": "Zagon programa", 
"skipFiles": [ "/**" ], 
"program": "${workspaceFolder}\\index.js", 
"outFiles": "${workspaceFolder}\\index.js", 
 } 
 ]
}

Če uporabljate ts-vozlišče če želite zagnati projekt brez gradbenega koraka, uporabite to namesto zgornje konfiguracije:

{ 
"različica": "0.2.0", 
"konfiguracije": [ { 
"tip": "pwa-vozlišče", 
"prošnja": "kosilo", 
"ime": "Zaženi strežnik", 
"skipFiles": [ "/**" ], 
"runtimeArgs": [ "-r", "ts-node/register" ], 
"args": [ "${workspaceFolder}/src/server.ts" ] 
 }]
}

Ker ni atributa programa, runtime args registri ts-vozlišče kot upravljalnik za datoteke TypeScript. Prvi argument za args je vstopna datoteka za program. Zdaj lahko začnete sejo odpravljanja napak. Če razvijate z izrednim JavaScriptom ali sprednjim ogrodjem, lahko tudi odpravljanje napak v kodi JavaScript v brskalniku.

Druge funkcije v Visual Studio Code

Visual Studio Code je zmogljiv urejevalnik izvorne kode, poln neverjetnih funkcij. Zajeli smo vgrajeno orodje za odpravljanje napak VS Code. Pokazali smo tudi, kako ga lahko uporabite za odpravljanje napak v aplikaciji Node.js.

Toda v kodi VS je veliko drugih priročnih funkcij. Čeprav nekatere od njih morda poznate, so vam nekatere morda povsem nove. V tem primeru bi vas morda zanimalo, če bi izvedeli več o teh funkcijah in kako jih uporabljati.