Как использовать отладчик в VS Code

VS (или Virtual Studio) Code — это бесплатный редактор кода, поддерживающий все основные языки программирования. Это позволяет программистам быстро и легко просматривать код и редактировать его при необходимости. Он работает как IDE для людей, пишущих код. но это не предотвращает ошибки. К счастью, в VSCode встроен отличный инструмент отладки.

В этой статье мы покажем Как использовать отладчик в коде VS.

Что такое отладчик?

Когда вы программируете, будут моменты, когда написанный вами код столкнется с некоторыми проблемами. Эти проблемы могут быть не по вине кодера, а просто появляются из-за того, что что-то выходит из строя само по себе. Эти “ошибки” может привести к тому, что программы перестанут работать. По этой причине кодировщикам важно находить и устранять их.

Отладчик – это программа, которая находит ошибки и либо исправляет их автоматически, либо предлагает способы сделать это. VSCode имеет встроенный отладчик, но существует множество различных способов его использования. Вот несколько способов использования отладчика в VS Code.

Отладчик поддерживает JavaScript, TypeScript и все другие языки, использующие компиляторы Java. Для других языков, таких как Python или Ruby, потребуются установленные расширения.

Для этого выполните следующие действия:

В верхнем меню выберите “Установить дополнительные отладчики”
Выберите, какие языки программирования вы хотите использовать.
Язык будет загружен и введен в вашу базу данных. Теперь вы можете запустить отладчик, используя нужный язык.

Далее мы рассмотрим, как использовать отладчик в VSCode.

Создание базы данных Node.js

Node.js — это платформа, на которой по умолчанию работает отладчик VSCode. Он нужен вам для отслеживания всего, что происходит с вашим кодом. Это облегчает выявление проблемы. Кроме того, в отладчике VSCode есть некоторые функции, которые работают только с JavaScript. Вам нужно будет создать простую программу, знаменитую программу “Hello, World” программа. После выполнения этого шага отладчик будет работать плавно и быстро.

Чтобы создать Node.js, выполните следующие действия:

Перед тем как начать, убедитесь, что Node.js загружен и установлен на вашем компьютере.< br>
Чтобы узнать, установлен ли Node.js, создайте новый терминал и введите “узел—версия” в терминале. Должна появиться установленная вами версия Node.js.
Создайте пустую папку на рабочем столе и назовите ее “hello”
Откройте VSCode и в командной строке введите следующий код:
mkdir hello
cd hello
code.
Найдите панель инструментов Проводника. Ваш файл должен отображаться под названием “Hello” Щелкните значок “Новый файл” справа от имени файла.
Назовите новый файл “app.js”
В консольной команде введите следующий код:
var msg = 'Hello World';
console.log(msg);
Сохраните файл, нажав “Ctrl +S” на клавиатуре.
В терминале введите node app.js . В выводе будет указано «Привет, мир». вы написали свою первую программу и теперь готовы запустить отладчик VSCode.
Run View

Отсюда вы сможете использовать все функции отладки VSCode. При первом запуске вам необходимо ознакомиться со всей информацией, которую имеет для вас отладчик. Он также включает в себя панель задач, на которой можно настраивать параметры и команды отладки.

Чтобы получить доступ к Run View, выполните следующие действия:
1. На боковой панели VSCode выберите «Выполнить». значок. Вы также можете быстро получить к нему доступ, нажав “Ctrl+Shift+D” на клавиатуре.
2. Появится меню с тремя вариантами. Для целей данного руководства выберите “создать файл launch.js” option.
Создание программы Launch.js

Программа launch.js называется программой конфигурации запуска. Он автоматически сохранит любые новые настройки и изменения конфигурации, сделанные вами во время отладки. Это сэкономит ваше время, если вы столкнетесь с той же ошибкой, которая произошла ранее. Думайте об этом как о блокноте для вашего кода.

Обратите внимание, что вам понадобится эта программа, прежде чем вы сможете, наконец, запустить отладчик.

Вот как это сделать :
1. В “Просмотре выполнения” меню выберите “создать файл launch.js”
2. VSCode автоматически выберет среду отладки, но если он ничего не обнаружит, выберите «Node.js». >
3. Вернитесь в Проводник, нажав “Ctrl+Shift+E.”
4. Проверьте папку “hello” Должна быть вкладка с названием “.vscode” и файл launch.json должен быть на этой вкладке.
5. Чтобы проверить атрибуты отладчика, нажмите “Ctrl+Space”.
Запуск отладчика

Теперь все подготовка завершена, мы можем начать наш сеанс отладки. Чтобы запустить отладчик, нам сначала нужно выбрать конфигурацию запуска.
1. В представлении «Выполнение» VSCode найдите раскрывающийся список «Конфигурация». «> Выберите «Запустить программу». Выбрав его, нажмите F5, чтобы запустить отладчик.
2. Вы также можете получить доступ к меню отладчика, сначала открыв палитру команд, нажав “Ctrl+Shift+P”
3. Введите “.debug” и выберите конфигурацию.
Добавление новой конфигурации

< p>В случае особенно сложных ошибок есть вероятность, что база данных, которая у вас есть в VSCode, не имеет нужной вам конфигурации. К счастью, в отладчик можно добавить новые конфигурации.
1. В разделе “Выполнить” выберите “Добавить конфигурацию”
2. Откройте IntelliSense (Shift+Пробел), чтобы вызвать меню, затем выберите “Добавить конфигурацию”
Конфигурации запуска и подключения

VSCode имеет два режима отладка – «запустить» и «прикрепить». У каждого режима есть свои плюсы и минусы, и каждый подходит для определенного типа кодировщика. Вот краткое описание методологии для каждого режима.

Во-первых, давайте обсудим “запуск” конфигурации. Конфигурации запуска означают, что вы, программист, пишете код или “рецепт” для сеанса отладки.

“Прикрепить” конфигурации, с другой стороны, предполагают присоединение конфигурации извне VSCode во время работы программы в VSCode. Вы не создаете ничего с нуля, а используете для отладки ранее созданный код.

Автоприсоединение

Автоприсоединение — это функция, которая автоматически прикрепляет отладчик Node к определенным файлам Node.js. процессов в терминале VSCode. Чтобы включить автоматическое вложение, выполните следующие действия:
1. Для доступа к палитре команд нажмите “Ctrl+Shift+P” на клавиатуре.
2. Когда появится меню, выберите “ Переключить автоматическое присоединение». Панель автоматического прикрепления должна появиться вверху.
3. После включения при автоматическом подключении вам потребуется перезагрузить устройство.
4. Вы также можете создать новый терминал, и автоматическое подключение будет по-прежнему включено.
Автоматическое подключение доступно в трех различных режимах на выбор. Каждый из них имеет свою функцию, поэтому убедитесь, что выбрали правильный. Вот три режима:
- “Smart” – Это опция по умолчанию. Когда вы выполняете скрипт, которого нет в вашем “node_modules” папку, сценарий будет автоматически отлажен.
- «Всегда» – Любой процесс, использующий Node.js и запущенный во встроенном терминале, будет отлажен.
- “OnlyWithFlag” – Этот параметр будет отлаживать только те процессы, которые помечены флагом “- -inspect” или “- -inspect-brk” флаги на них.
Присоединить к процессу узла

Вы также можете подключить отладчик Node.js к процессам вручную. Это требует немного больше работы, но сэкономит ваше время, если вы точно знаете, какой процесс вызывает проблемы. Чтобы подключить отладчик к процессу Node.js, выполните следующие действия:
1. Откройте палитру команд, нажав “Ctrl+Shift+P” на клавиатуре.
2. Выберите “Присоединить к процессу узла” из меню.
3. Здесь вы увидите все процессы, которые можно отлаживать с помощью Отладчик Node.js. Выберите, к какому процессу вы хотите подключить отладчик.
Терминал отладки JavaScript

Добавление терминала отладки JavaScript — это быстро и безболезненно, и это отличный вариант, если вы хотите выполнить широкое или общее исправление ошибок. Во-первых, вам нужно создать терминал.
1. Откройте палитру команд, нажав “Ctrl+Shift+P” на клавиатуре.
2. Выберите “Отладка: Создать терминал отладки JavaScript&rdquo ; из меню.
3. Вы также можете получить доступ к этому параметру, выбрав его в раскрывающемся меню терминала.
4. Отладчик подключится к вашему текущему процессу. Он будет запускаться автоматически и исправлять обнаруженные ошибки в коде.
Настройка “Attach” Конфигурация

Этот параметр требует гораздо больше работы, чем описанные выше, но он позволяет детально настроить конфигурации отладки.
1. Простой “прикрепить” Конфигурация обычно выглядит следующим образом:
  {
  «name»: «Attach to Process»,
  «type»: «node»,
  «request»: «прикрепить»,
  «порт»: 9229
2. 9229 — номер порта по умолчанию для “- -inspect” и “- – осмотр-brk” опции. Чтобы изменить номер порта, введите следующее: “- — inspect =95430”
  
  Примечание. эти цифры приведены только для примера. Используйте тот номер порта, который вам подходит.
3. После того, как вы изменили номер порта, измените его в написанной вами конфигурации подключения.
Чтобы подключить отладчик к процессу, которого в данный момент нет в отладчике, выполните следующие действия:
1. Вам нужно будет указать, какой процесс, введя идентификатор в строку кода, которая выглядит следующим образом:
  {
  «name»: «Attach to Process»,
  «type» : «узел»,
  «запрос»: «прикрепить»,
  «processId»: «53426»
  }
2. Вручную вводить ID каждого процесса довольно утомительно. К счастью, вы можете открыть весь список, введя “${command:PickProcess}” в “processId” часть строки.
Многоцелевая отладка

Будут времена, когда возникнут проблемы с кодированием, и ваш код пронизан ошибками, и ничего не работает. Многоцелевой поиск ошибок поддерживается VSCode и позволяет запускать несколько отладчиков в нескольких процессах. Чтобы начать многоцелевую отладку, все, что вам нужно сделать, это запустить еще один сеанс отладки, не закрывая первый.

После запуска многоцелевой отладки каждый сеанс будет отображаться как отдельный элемент в верхней части списка “CALL STACKS” меню. Вы можете выбрать, какой сеанс вы хотите сделать активным.

Панель инструментов отладки и любые предпринятые действия по отладке будут выполняться в активном процессе, поэтому убедитесь, что тот, над которым вы хотите работать, активен.

p>

Прекратить отладку

Вы наконец добрались до конца, и все эти надоедливые ошибки были устранены. Теперь вы должны завершить операцию отладки. Это важно сделать, чтобы ваша работа была сохранена.

“Прикрепить” Конфигурации
1. Выберите “Отладка: Остановить” на панели инструментов отладки или после открытия палитры команд нажатием “Ctrl+Shift+P.”
2. После нажатия кнопки «Стоп» отладчик Node.js отключится и завершит работу. Однако введенный вами процесс все равно будет запущен.
3. Чтобы остановить запущенные процессы, перейдите на панель задач и выберите “Остановить”
“Запустить” Конфигурации
1. После выбора “Стоп” VSCode попросит вас завершить работу, отправив сигнал SIGINT.
2. Перед перехватом сигнала очистите все, а затем завершите работу.
3. Если если в этом коде выключения нет точек останова (или проблем), сеанс завершится.
Дебаггеры раскрыты

Инструмент отладчика в VSCode очень удобен, чтобы иметь его под рукой. утилизация. Однако существует много вариантов, и может быть трудно решить, какой метод вы хотите использовать. Мы перечислили методы для начинающих и продвинутых пользователей для использования отладчика, поэтому у вас есть возможность выполнять отладку по своему усмотрению.

Используете ли вы отладчик VSCode? Какой метод вы считаете лучшим? Дайте нам знать в разделе комментариев ниже.