Node.js-i rakenduste silumine Visual Studio Code'is

Node.js-i rakenduse silumine Visual Studio Code'is on võimalik ja lihtne. VS-koodi redaktoril on sisseehitatud silur, mis suudab siluda kõiki rakendusi, mis sihivad Node.js käitusaega. See tähendab, et saate siluda JavaScripti või mõnda muud sellele kompileerivat keelt (nt TypeScript).

See artikkel juhendab teid rakenduse Node.js silumiseks VS-koodis. Saate teada, kuidas alustada silumisseanssi, sisestada katkestuspunkte, manustada välist protsessi ja siluda TypeScripti koodi kasutades lähtekaarte.

Mida on vaja alustamiseks

Enne alustamist installige oma kohalikku arvutisse nii Node.js kui ka VS-kood. Programmi Node.js uusim versioon on saadaval aadressil Node.js ametlik koduleht. Samamoodi laadige Visual Studio Code jaoks alla uusim versioon saidilt VS kood veebisait. Juhiste saamiseks kuidas seadistada VS-koodi Windowsis, lugege meie seadistusjuhendit.

Teil on vaja ka Node.js projekti. Saate luua lihtsa Node.js rakenduse nullist või kasutage olemasolevat rakendust.

Silumisprotsess VS-koodis

Silumiseansi alustamine VS-koodi redaktoris on üsna lihtne. Avage fail VS-koodiga ja klõpsake nuppu Käivita ja silu ikooni külgribal (või vajutage Ctrl + tõstuklahv + D klaviatuuril). Järgmisena klõpsake nuppu Käivita ja silu nuppu protsessi alustamiseks.

Vaikimisi proovib Node.js välja selgitada teie projekti silumiskeskkonna. Kui aga automaatne tuvastamine ebaõnnestub, palub see teil valida õige keskkond. Selle õpetuse jaoks on selleks keskkonnaks Node.js.

Kui olete keskkonna valinud, aktiveerib VS Code siluri ja lisab selle protsessile. Näete oma väljundit jaotises SILUKONSOOL. Ülaosas oleva silumistööriistariba abil saate koodi korrata, täitmist peatada või seansi lõpetada.

Teil on ka võimalus luua konfiguratsioonifail. The launch.json fail võimaldab teil konfigureerida ja seadistada silumise üksikasju. Kui teie skript nõuab argumenti, esitage need argumendid failis launch.json faili. Igale konfiguratsioonile saab määrata mitu valikut:

{ 
"versioon": "0.2.0", 
"konfiguratsioonid": [ 
 { "tüüp": "sõlm", 
"taotlus": "käivitada", 
"nimi": "Käivitage programm", 
"jäta failid vahele": [ "/**" ], 
"programm": "${workspaceFolder}\\index.js"
 } 
 ]
}

Samuti näete redaktori vasakus servas viit paneeli. Need paneelid on MUUTUVAD, VAATA, KÕNESTAK, LAADETUD Skriptidja MURDEPUNKTID:

Kui olete konfiguratsiooni seadistamise lõpetanud, valige ja käivitage programm konfiguratsioonimenüü kaudu.

Lisage väline protsess

Teine meetod Node.js-i silumiseansi seadistamiseks on välise protsessi manustamine. Käivitage programm järgmise käsuga:

node --inspect index.js

Sisestage -brk lipp pärast -- kontrollida kui soovite selle lisada enne programmi käivitamist.

Järgmisena avage VS-koodis protsessivalija. See loetleb kõik Node.js keskkonnas saadaolevad protsessid. Valija avamiseks vajutage Ctrl + tõstuklahv + P ja leida üles Silumine: lisage käsk Node.js.

Klõpsake käsul ja valige silumisprotsessi alustamiseks õige suvand.

Katkestuspunkti loomine

Kui soovite koodi kontrollimiseks oma programmi teatud punktides pausi teha, määrake seal katkestuspunktid. Katkestuspunkte saate määrata peaaegu kõikjal oma koodis. See hõlmab muutujate deklaratsioone, avaldisi ja kommentaare. Kuid funktsioonide deklaratsioonides murdepunkte seada ei saa.

Katkestuspunkti loomine on üsna lihtne. Kui liigutate hiirt reanumbritest vasakule, ilmub igale reale punane ring. Tuvastage oma koodis rea number, kuhu soovite katkestuspunkti sisestada. Seejärel klõpsake katkestuspunkti lisamiseks sellel real:

Aastal MURDEPUNKTID paanil leiate kõik oma projektis lubatud katkestuspunktid. Siin saate murdepunkte hallata, muuta ja keelata. Samuti saate koodi peatada erandi ilmnemisel või tabamata erandite korral. See võimaldab teil probleemi enne protsessi lõpetamist kontrollida.

Vaatame murdepunkte tegevuses. Klõpsake nuppu Käivitage ikooni silumisseansi alustamiseks. Programm peatub esimese katkestuspunkti juures ja annab kontrollimiseks väärtuse:

Võite klõpsata Jätka ikooni (või vajutage F5), et liigutada programm järgmisse katkestuspunkti. See jätkub, kuni jõuate programmi lõppu.

TypeScripti silumine allikakaartidega

Kuna Typescript muutub üha populaarsemaks, suureneb TypeScriptis kirjutatud Node.js projektide arv kindlasti. Õnneks saate VS-koodiga ka TypeScripti-põhiseid projekte siluda.

Esiteks looge a tsconfig.json faili oma projekti juurkataloogis (kui see pole veel loodud) ja lubage lähtekaardid:

{ "kompilaatori valikud": { "sourceMaps": tõsi }}

Järgmisena lisage töötav protsess ja määrake oma TypeScript-failis katkestuspunktid. Visual Studio Code leiab lähtekaardid ja kasutab neid.

Saate VS Code'ile selgesõnaliselt öelda, kust lähtekaardid leida. Selleks lisage an outFiles atribuut käivituskonfiguratsiooni failis ja suunake see oma lähtekaartide täpsesse asukohta:

{ 
"versioon": "0.2.0", 
"konfiguratsioonid": [ { 
"tüüp": "sõlm", 
"taotlus": "käivitada", 
"nimi": "Käivitage programm", 
"jäta failid vahele": [ "/**" ], 
"programm": "${workspaceFolder}\\index.js", 
"out Files": "${workspaceFolder}\\index.js", 
 } 
 ]
}

Kui kasutate ts-sõlm projekti käivitamiseks ilma ehitusetapita kasutage ülaltoodud konfiguratsiooni asemel järgmist:

{ 
"versioon": "0.2.0", 
"konfiguratsioonid": [ { 
"tüüp": "pwa-sõlm", 
"taotlus": "käivitada", 
"nimi": "Käivitage server", 
"jäta failid vahele": [ "/**" ], 
"runtimeArgs": [ "-r", "ts-sõlm/register" ], 
"args": [ "${workspaceFolder}/src/server.ts" ] 
 }]
}

Kuna programmi atribuuti pole, siis käitusaeg args registrid ts-sõlm TypeScript-failide töötlejana. Esimene argument sellele args on programmi sisestusfail. Nüüd saate alustada silumiseanssi. Kui arendate vanilje JavaScripti või esiotsa raamistikuga, saate seda ka teha siluda brauseris JavaScripti kood.

Visual Studio Code muud funktsioonid

Visual Studio Code on võimas lähtekoodi redaktor, mis on täis hämmastavaid funktsioone. Käsitlesime VS Code'i sisseehitatud siluritööriista. Samuti näitasime, kuidas saate seda kasutada oma Node.js rakenduse silumiseks.

Kuid VS Code'is on palju muid käepäraseid funktsioone. Ehkki olete mõnega neist tuttav, võivad mõned olla teile täiesti uued. Sel juhul võib teile huvi pakkuda nende funktsioonide ja nende kasutamise kohta lisateave.