Како отклонити грешке у Ноде.јс апликацијама у Висуал Студио Цоде-у

Отклањање грешака у вашој Ноде.јс апликацији у самом Висуал Студио Цоде-у је могуће и једноставно. ВС Цоде едитор долази са уграђеним програмом за отклањање грешака који може да отклони грешке у било којој апликацији која циља на Ноде.јс рунтиме. То значи да можете да отклоните грешке у ЈаваСцрипт-у или било ком другом језику који се компајлира са њим (нпр. ТипеСцрипт).

Овај чланак ће вас провести кроз кораке за отклањање грешака у вашој Ноде.јс апликацији у ВС Цоде-у. Научићете како да започнете сесију отклањања грешака, уметнете тачке прекида, приложите спољни процес и отклоните грешку код ТипеСцрипт користећи изворне мапе.

Шта вам је потребно да започнете

Пре него што почнете, инсталирајте и Ноде.јс и ВС Цоде на своју локалну машину. Најновија верзија Ноде.јс доступна је на Ноде.јс званични сајт. Слично томе, за Висуал Студио Цоде, преузмите најновију верзију са

ВС Цоде веб сајт. За упутства о како подесити ВС код на Виндовс-у, прочитајте наш водич за подешавање.

Такође вам је потребан Ноде.јс пројекат. Можете креирати једноставну Ноде.јс апликацију од нуле или користите постојећу апликацију.

Процес отклањања грешака у ВС коду

Покретање сесије за отклањање грешака у уређивачу ВС кода је прилично једноставно. Отворите датотеку са ВС кодом и кликните на Покрени и отклони грешке икону на бочној траци (или притисните Цтрл + Схифт + Д на тастатури). Затим кликните на Покрени и отклони грешке дугме за покретање процеса.

Подразумевано, Ноде.јс ће покушати да открије окружење за отклањање грешака у вашем пројекту. Али ако је аутоматско откривање неуспешно, од вас ће се тражити да изаберете право окружење. За овај водич, то окружење је Ноде.јс.

Након што изаберете окружење, ВС Цоде активира програм за отклањање грешака и прилаже га процесу. Можете видети свој излаз у ДЕБУГ ЦОНСОЛЕ. Користећи траку са алаткама за отклањање грешака на врху, можете итерирати кроз код, паузирати извршење или завршити сесију.

Такође имате могућност креирања конфигурационе датотеке. Тхе лаунцх.јсон датотека вам омогућава да конфигуришете и подесите детаље за отклањање грешака. Ако ваша скрипта захтева аргумент, наведите ове аргументе у лаунцх.јсон фајл. За сваку конфигурацију може се подесити више опција:

{ 
"верзија": "0.2.0", 
"конфигурације": [ 
 { "тип": "чвор", 
"захтев": "лансирање", 
"име": "Програм за покретање", 
"скипФилес": [ "/**" ], 
"програм": „${воркспацеФолдер}\\индек.јс“
 } 
 ]
}

Такође ћете приметити пет панела на левој страни уређивача. Ови панели су ПРОМЕНЉИВЕ, ГЛЕДАТИ, ЦАЛЛ СТАЦК, ЛОАДЕД СЦРИПТС, и БРЕАКПОИНТС:

Када завршите са подешавањем конфигурације, изаберите и извршите програм кроз конфигурациони мени.

Приложите спољни процес

Други метод за подешавање сесије за отклањање грешака Ноде.јс је прикључивање спољног процеса. Покрените програм следећом командом:

чвор --инспецт индек.јс

Уметните -брк застава после --инспецт ако желите да га приложите пре него што програм почне да се покреће.

Затим отворите бирач процеса у ВС коду. Ово наводи све процесе доступне у окружењу Ноде.јс. Да отворите бирач, притисните Цтрл + Схифт + П и пронађите Отклањање грешака: Прикачи на команду Ноде.јс.

Кликните на команду и изаберите праву опцију да започнете процес отклањања грешака.

Креирање тачке прекида

Ако желите да паузирате на одређеним тачкама у вашем програму да бисте прегледали код, поставите тачке прекида тамо. Можете поставити тачке прекида скоро било где у свом коду. Ово укључује декларације променљивих, изразе и коментаре. Али не можете поставити тачке прекида у декларацијама функција.

Креирање тачке прекида је прилично једноставно. Док померате миш на леву страну бројева линија, на свакој линији се појављује црвени круг. Идентификујте број реда у свом коду где желите да уметнете тачку прекида. Затим кликните на ту линију да додате тачку прекида:

У БРЕАКПОИНТС окно, наћи ћете све тачке прекида омогућене у вашем пројекту. Овде ћете управљати, уређивати и онемогућавати тачке прекида. Такође можете зауставити код када се избаци изузетак или у случајевима неухваћених изузетака. Ово вам омогућава да проверите проблем пре него што процес изађе.

Хајде да видимо тачке прекида у акцији. Кликните Лансирање икона да бисте започели сесију отклањања грешака. Програм ће паузирати на првој тачки прекида и дати вредност за инспекцију:

Можете кликнути на Настави икона (или притисните Ф5) да преместите програм на следећу тачку прекида. Ово ће се наставити све док не стигнете на крај програма.

Отклањање грешака у ТипеСцрипт-у са изворним мапама

Како Типесцрипт наставља да постаје све популарнији, количина Ноде.јс пројеката написаних у ТипеСцрипт-у ће се повећавати. На срећу, такође можете да отклоните грешке у пројектима заснованим на ТипеСцрипт-у помоћу ВС Цоде-а.

Прво, креирајте а тсцонфиг.јсон датотеку у основном директоријуму вашег пројекта (ако већ није креирана) и омогућите изворне мапе:

{ "Опције компајлера": { "соурцеМапс": истина }}

Затим приложите покренути процес и поставите тачке прекида у вашој ТипеСцрипт датотеци. Висуал Студио Цоде ће пронаћи изворне мапе и користити их.

Можете експлицитно рећи ВС коду где да пронађе изворне мапе. Да бисте то урадили, додајте ан оутФилес атрибут у вашој конфигурационој датотеци за покретање и усмерите је на тачну локацију ваших изворних мапа:

{ 
"верзија": "0.2.0", 
"конфигурације": [ { 
"тип": "чвор", 
"захтев": "лансирање", 
"име": "Програм за покретање", 
"скипФилес": [ "/**" ], 
"програм": „${воркспацеФолдер}\\индек.јс“, 
"оутФилес": „${воркспацеФолдер}\\индек.јс“, 
 } 
 ]
}

Ако користите тс-чвор да бисте покренули свој пројекат без корака изградње, користите ово уместо горње конфигурације:

{ 
"верзија": "0.2.0", 
"конфигурације": [ { 
"тип": "пва-чвор", 
"захтев": "лансирање", 
"име": "Покрени сервер", 
"скипФилес": [ "/**" ], 
"рунтимеАргс": [ "-р", "тс-чвор/регистар" ], 
"аргс": [ „${воркспацеФолдер}/срц/сервер.тс“ ] 
 }]
}

Пошто не постоји програмски атрибут, време извођења аргс регистри тс-чвор као руковалац за ТипеСцрипт датотеке. Први аргумент за аргс је улазна датотека за програм. Сада можете започети сесију отклањања грешака. Ако развијате са ванилла ЈаваСцрипт-ом или фронт-енд фрамеворк-ом, такође можете отклоните грешке у ЈаваСцрипт коду у претраживачу.

Остале функције у Висуал Студио Цоде-у

Висуал Студио Цоде је моћан уређивач изворног кода препун невероватних функција. Покривали смо уграђени алат за отклањање грешака ВС Цоде-а. Такође смо показали како можете да га користите за отклањање грешака у вашој Ноде.јс апликацији.

Али постоји много других корисних функција у ВС Цоде-у. Иако сте можда упознати са неким од њих, неки би вам могли бити потпуно нови. У том случају би вас могло занимати да сазнате више о овим функцијама и како да их користите.