Прежде чем начать, установите Node.js и VS Code на свой локальный компьютер. Последняя версия Node.js доступна на официальном сайте Node.js. Аналогично, для Visual Studio Code загрузите последнюю версию с сайта VS Code. Инструкции по настройке VS Code в Windows см. в нашем руководстве по установке.
Вам также нужен проект Node.js. Вы можете создать простое приложение Node.js с нуля или использовать существующее приложение.
СВЯЗАННЫЕ С: Должны ли вы использовать генератор паролей для защиты своих онлайн-аккаунтов?
Процесс отладки в VS Code
Запустить сеанс отладки в редакторе VS Code довольно просто. Откройте файл с VS Code и щелкните значок Выполнить и отладить на боковой панели (или нажмите Ctrl + Shift + D на клавиатуре). Затем нажмите кнопку Запустить и отладить, чтобы начать процесс.
По умолчанию Node.js попытается определить среду отладки вашего проекта. Но если автоопределение не увенчалось успехом, вам будет предложено выбрать нужное окружение. Для этого руководства этой средой является Node.js.
СВЯЗАННЫЕ С: Как играть в классические игры Super Mario на Android-устройстве
После того, как вы выбрали среду, VS Code активирует отладчик и прикрепляет его к процессу. Вы можете увидеть результат в КОНСОЛИ ОТЛАДКИ. Используя панель инструментов отладки вверху, вы можете перебирать код, приостанавливать выполнение или завершать сеанс.
У вас также есть возможность создать файл конфигурации. Файл launch.json позволяет настраивать и настраивать детали отладки. Если вашему сценарию требуется аргумент, укажите эти аргументы в файле launch.json. Для каждой конфигурации можно задать несколько параметров:
СВЯЗАННЫЕ С: 9 лучших приложений, поддерживающих живые действия на iPhone
Вы также заметите пять панелей в левой части редактора. Это панели ПЕРЕМЕННЫЕ, НАБЛЮДЕНИЕ, СТЕК ВЫЗОВОВ, ЗАГРУЖЕННЫЕ СКРИПТЫ и точки останова. :
Когда вы закончите настройку конфигурации, выберите и запустите программу через меню конфигурации.
СВЯЗАННЫЕ С: 9 лучших бесплатных онлайн-редакторов фотографий с искусственным интеллектом
Присоединить внешний процесс
Другой способ настройки сеанса отладки Node.js — подключение внешнего процесса. Запустите программу следующей командой:
Вставьте флаг -brk после — проверьте, хотите ли вы прикрепить его до запуска программы.
СВЯЗАННЫЕ: Что такое бесплатный сберегательный счет Apple? (И как зарегистрироваться)
Затем откройте средство выбора процессов в VS Code. Здесь перечислены все процессы, доступные в среде Node.js. Чтобы открыть средство выбора, нажмите Ctrl + Shift + P и найдите команду Отладка: присоединение к Node.js.
Нажмите на команду и выберите правильный вариант, чтобы начать процесс отладки.
Создание точки останова
Если вы хотите сделать паузу в определенных точках вашей программы для проверки кода, установите там точки останова. Вы можете установить точки останова практически в любом месте вашего кода. Сюда входят объявления переменных, выражения и комментарии. Но вы не можете устанавливать точки останова в объявлениях функций.
Создать точку останова довольно просто. Когда вы перемещаете указатель мыши к левой стороне номеров строк, на каждой строке появляется красный кружок. Определите номер строки в вашем коде, куда вы хотите вставить точку останова. Затем нажмите на эту строку, чтобы добавить точку останова:
На панели BREAKPOINTS вы найдете все точки останова, включенные в вашем проекте. Здесь вы будете управлять, редактировать и отключать точки останова. Вы также можете остановить код при возникновении исключения или в случае неперехваченных исключений. Это позволяет вам проверить проблему до завершения процесса.
Давайте посмотрим на точки останова в действии. Щелкните значок Запустить, чтобы начать сеанс отладки. Программа остановится на первой точке останова и выдаст значение для проверки:
Вы можете щелкнуть значок Продолжить (или нажать F5), чтобы переместить программу к следующей точке останова. Это будет продолжаться до тех пор, пока вы не дойдете до конца программы.
Отладка TypeScript с исходными картами
Поскольку Typescript продолжает становиться все более популярным, количество проектов Node.js, написанных на TypeScript, неизбежно будет увеличиваться. К счастью, вы также можете отлаживать проекты на основе TypeScript с помощью VS Code.
Сначала создайте файл tsconfig.json в корневом каталоге вашего проекта (если он еще не создан) и включите исходные карты:
Затем подключите запущенный процесс и установите точки останова в файле TypeScript. Visual Studio Code найдет исходные карты и использует их.
Вы можете явно указать VS Code, где найти исходные карты. Для этого добавьте атрибут outFiles в файл конфигурации запуска и укажите точное расположение исходных карт:
Если вы используете ts-node для запуска проекта без шага сборки, используйте это вместо приведенной выше конфигурации:
Поскольку атрибута программы нет, среда выполнения args регистрирует ts-node в качестве обработчика файлов TypeScript. Первый аргумент args — это входной файл для программы. Теперь вы можете начать сеанс отладки. Если вы разрабатываете с помощью ванильного JavaScript или внешнего интерфейса, вы также можете отлаживать код JavaScript в браузере.
Другие возможности Visual Studio Code
Visual Studio Code — это мощный редактор исходного кода с потрясающими функциями. Мы рассмотрели встроенный инструмент отладчика VS Code. Мы также продемонстрировали, как его можно использовать для отладки приложения Node.js.
Но в VS Code есть много других полезных функций. Хотя некоторые из них могут быть вам знакомы, некоторые могут быть совершенно новыми для вас. В этом случае вам может быть интересно узнать об этих функциях и о том, как их использовать.
Читать статью полностью : Как отлаживать приложения Node.js в Visual Studio Code
Веб-история статьи : Как отлаживать приложения Node.js в веб-истории Visual Studio Code
Тег Страницы :
Javascript Программирование Инструменты программирования Visual Studio Code
