Kā atkļūdot Node.js lietojumprogrammas programmā Visual Studio Code

Node.js lietojumprogrammas atkļūdošana programmā Visual Studio Code ir iespējama un vienkārša. VS koda redaktoram ir iebūvēts atkļūdotājs, kas spēj atkļūdot jebkuru lietojumprogrammu, kuras mērķauditorija ir Node.js izpildlaiks. Tas nozīmē, ka varat atkļūdot JavaScript vai jebkuru citu valodu, kas tajā tiek kompilēta (piemēram, TypeScript).

Šajā rakstā ir sniegti norādījumi par lietojumprogrammas Node.js atkļūdošanu VS Code. Jūs uzzināsit, kā sākt atkļūdošanas sesiju, ievietot pārtraukuma punktus, pievienot ārēju procesu un atkļūdot TypeScript kodu, izmantojot avota kartes.

Kas jums ir nepieciešams, lai sāktu

Pirms sākat, instalējiet gan Node.js, gan VS Code savā lokālajā datorā. Jaunākā Node.js versija ir pieejama vietnē Node.js oficiālā mājas lapa. Līdzīgi, lai izmantotu Visual Studio kodu, lejupielādējiet jaunāko versiju no vietnes VS kods

tīmekļa vietne. Lai iegūtu norādījumus par kā iestatīt VS kodu sistēmā Windows, izlasiet mūsu iestatīšanas rokasgrāmatu.

Jums ir nepieciešams arī Node.js projekts. Jūs varat izveidot vienkāršu Node.js lietojumprogrammu no jauna vai izmantojiet esošu lietojumprogrammu.

Atkļūdošanas process VS kodā

Atkļūdošanas sesijas sākšana VS koda redaktorā ir diezgan vienkārša. Atveriet failu ar VS kodu un noklikšķiniet uz Palaist un atkļūdot ikonu sānjoslā (vai nospiediet Ctrl+Shift+D uz tastatūras). Pēc tam noklikšķiniet uz Palaist un atkļūdot pogu, lai sāktu procesu.

Pēc noklusējuma Node.js mēģinās noskaidrot jūsu projekta atkļūdošanas vidi. Bet, ja automātiskā noteikšana ir neveiksmīga, tiek piedāvāts izvēlēties pareizo vidi. Šajā apmācībā šī vide ir Node.js.

Kad esat izvēlējies vidi, VS Code aktivizē atkļūdotāju un pievieno to procesam. Jūs varat redzēt savu rezultātu sadaļā ATKLĀŠANAS KONSOLE. Izmantojot augšpusē esošo atkļūdošanas rīkjoslu, varat atkārtot kodu, apturēt izpildi vai beigt sesiju.

Jums ir arī iespēja izveidot konfigurācijas failu. The launch.json fails ļauj konfigurēt un iestatīt atkļūdošanas informāciju. Ja jūsu skriptam ir nepieciešams arguments, norādiet šos argumentus launch.json failu. Katrai konfigurācijai var iestatīt vairākas opcijas:

{ 
"versija": "0.2.0", 
"konfigurācijas": [ 
 { "tips": "mezgls", 
"pieprasījums": "palaist", 
"vārds": "Palaist programmu", 
"izlaist failus": [ "/**" ], 
"programma": "${workspaceFolder}\\index.js"
 } 
 ]
}

Redaktora kreisajā pusē redzēsit arī piecus paneļus. Šie paneļi ir MAINĪGIE, SKATĪTIES, CALL STACK, IELĀDĒTI Skripti, un PLAUŠANAS PUNKTI:

Kad esat pabeidzis konfigurācijas iestatīšanu, atlasiet un izpildiet programmu, izmantojot konfigurācijas izvēlni.

Pievienojiet ārējo procesu

Vēl viena metode Node.js atkļūdošanas sesijas iestatīšanai ir ārēja procesa pievienošana. Sāciet programmu ar šādu komandu:

mezgls --pārbaudīt index.js

Ievietojiet -brk karogs pēc --pārbaudīt ja vēlaties to pievienot, pirms programma sāk darboties.

Pēc tam atveriet procesa atlasītāju programmā VS Code. Šeit ir uzskaitīti visi Node.js vidē pieejamie procesi. Lai atvērtu atlasītāju, nospiediet Ctrl+Shift+P un atrodiet Atkļūdošana: pievienojiet komandai Node.js.

Noklikšķiniet uz komandas un atlasiet pareizo opciju, lai sāktu atkļūdošanas procesu.

Pārtraukuma punkta izveide

Ja vēlaties apturēt konkrētos programmas punktos, lai pārbaudītu kodu, iestatiet tur pārtraukuma punktus. Pārtraukuma punktus varat iestatīt gandrīz jebkur savā kodā. Tas ietver mainīgo deklarācijas, izteiksmes un komentārus. Bet jūs nevarat iestatīt pārtraukuma punktus funkciju deklarācijās.

Pārtraukuma punkta izveidošana ir diezgan vienkārša. Pārvietojot peli uz rindu numuru kreiso pusi, katrā rindā parādās sarkans aplis. Identificējiet koda rindas numuru, kurā vēlaties ievietot pārtraukuma punktu. Pēc tam noklikšķiniet uz šīs rindas, lai pievienotu pārtraukuma punktu:

Iekš PLAUŠANAS PUNKTI rūtī, jūs atradīsit visus jūsu projektā iespējotos pārtraukumpunktus. Šeit jūs varat pārvaldīt, rediģēt un atspējot pārtraukuma punktus. Varat arī apturēt kodu, kad rodas izņēmums vai nenotverti izņēmumi. Tas ļauj pārbaudīt problēmu pirms procesa beigām.

Apskatīsim pārtraukuma punktus darbībā. Noklikšķiniet uz Palaist ikonu, lai sāktu atkļūdošanas sesiju. Programma apstāsies pirmajā pārtraukuma punktā un sniegs pārbaudes vērtību:

Jūs varat noklikšķināt uz Turpināt ikonu (vai nospiediet F5), lai pārvietotu programmu uz nākamo pārtraukuma punktu. Tas turpināsies, līdz ieradīsities programmas beigās.

TypeScript atkļūdošana, izmantojot avota kartes

Tā kā Typescript turpina kļūt populārāks, TypeScript rakstīto Node.js projektu skaits noteikti palielināsies. Par laimi, varat arī atkļūdot uz TypeScript balstītus projektus, izmantojot VS kodu.

Vispirms izveidojiet a tsconfig.json failu sava projekta saknes direktorijā (ja tas vēl nav izveidots) un iespējojiet avota kartes:

{ "kompilatora opcijas": { "sourceMaps": taisnība }}

Pēc tam pievienojiet darbības procesu un TypeScript failā iestatiet pārtraukuma punktus. Visual Studio Code atradīs avota kartes un izmantos tās.

Varat skaidri norādīt VS Code, kur atrast avota kartes. Lai to izdarītu, pievienojiet an outFiles atribūtu palaišanas konfigurācijas failā un norādiet to uz precīzu avota karšu atrašanās vietu:

{ 
"versija": "0.2.0", 
"konfigurācijas": [ { 
"tips": "mezgls", 
"pieprasījums": "palaist", 
"vārds": "Palaist programmu", 
"izlaist failus": [ "/**" ], 
"programma": "${workspaceFolder}\\index.js", 
"outFiles": "${workspaceFolder}\\index.js", 
 } 
 ]
}

Ja jūs lietojat ts-mezgls lai palaistu projektu bez izveides posma, izmantojiet šo iepriekš norādītās konfigurācijas vietā:

{ 
"versija": "0.2.0", 
"konfigurācijas": [ { 
"tips": "pwa-node", 
"pieprasījums": "palaist", 
"vārds": "Palaist serveri", 
"izlaist failus": [ "/**" ], 
"runtimeArgs": [ "-r", "ts-node/register" ], 
"args": [ "${workspaceFolder}/src/server.ts" ] 
 }]
}

Tā kā nav programmas atribūta, izpildlaiks args reģistros ts-mezgls kā TypeScript failu apstrādātājs. Pirmais arguments, lai args ir programmas ievades fails. Tagad varat sākt atkļūdošanas sesiju. Ja izstrādājat, izmantojot vaniļas JavaScript vai priekšgala sistēmu, varat arī to izdarīt atkļūdojiet JavaScript kodu pārlūkprogrammā.

Citas Visual Studio Code funkcijas

Visual Studio Code ir jaudīgs pirmkoda redaktors, kas aprīkots ar pārsteidzošām funkcijām. Mēs apskatījām VS Code iebūvēto atkļūdotāja rīku. Mēs arī parādījām, kā varat to izmantot savas lietojumprogrammas Node.js atkļūdošanai.

Bet VS kodā ir daudz citu parocīgu funkciju. Lai gan daži no tiem jums varētu būt pazīstami, daži jums var būt pilnīgi jauni. Tādā gadījumā jūs varētu interesēt uzzināt par šīm funkcijām un to lietošanu.