Начало работы с отладкой vscode — не просто консоль! Что такое launch.json?

Debug

предисловие

Помню, когда я был новичком, кто-то спросил меня, какую отладку я использую, и я, покраснев, ответил, что использую только консольную отладку. Стыдно, я хочу продолжать осваивать метод отладки vscode, но, к сожалению, я не нашел хорошего туториала в то время, а соответствующий фундамент слаб, поэтому я могу знать только немного об этом. Теперь, когда я превратился в большую курицу, я подытожу базовую отладку vscode.

Базовая отладка

Можно сказать, что vscode очень удобен для отладки кода js.Он имеет встроенный плагин отладчика для узла.Если вы хотите использовать vscdoe для отладки python, c++ и т. д., вам нужно установить плагин- позже.

Основной метод отладки очень прост, напишите простой код

图片.png

Затем найдите эту маленькую треугольную стрелку в элементе отладки.

图片.png

Затем вы можете войти в интерфейс отладки узла

图片.png

Как насчет этого! Очень просто добиться нужного мне эффекта, это лучше, чем просто выходить из консоли по одному

идти глубже

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

launch.json

Когда вы впервые создаете файл launch.json без launch.json, vscoed автоматически определит для вас вашу среду отладки и начнет отладку. Но если это не удастся, это даст вам выбор

图片.png

Затем он создаст для вас папку .vscode в вашей текущей рабочей области, которая содержит нужный нам файл launch.json. Проще говоря, мы можем отлаживать настраиваемый через этот файл

Если ваш файл launch.json такой (просто поймите смысл)


{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["<node_internals>/**"],
      
    }
  ]
}

в

На этот раз атрибут type относится к типу вашей отладки. Здесь я представлю два распространенных типа node и chrome. Я расскажу об этом ниже.

запрос относится к типу конфигурации запроса, запуску атмосферы и подключению

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

Это необходимо

Позже будет больше участников, чтобы узнать больше, вы можете прочитать здесьДокументация

прикрепить или запустить

Это два основных режима отладки, которые по-разному обрабатывают рабочий процесс.

Проще говоря, запуск запустит другое приложение в инструменте, который вы отлаживаете, то есть в используемом нами vscode, который очень подходит для метода, к которому вы привыкли при использовании браузера.

«attach» означает, что «attach» прикрепит отладчик к вашим инструментам разработчика.

chrome debugger

Помимо использования описанного выше метода отладки, тип которого — node, мы также можем использовать инструментальные средства Chrome для отладки.

Вот установка плагина отладчика для хрома моя предыдущая статьякогда покупаешь новый макупомянул

После установки

Вы можете добавить конфигурацию в наш файл launch.json!

图片.png

Если мы добавим такую ​​конфигурацию

{
    "type": "chrome",
    "request": "launch",
    "name": "Launch Chrome",
    "url": "http://localhost:8080",
    "file": "${workspaceFolder}/index.html"
},

Значение файла — это открытый файл. workspaceFolder — это наша текущая рабочая область.

Если наш index.html такой и попал в точку останова

图片.png

Может войти на нашу страницу отладки Chrome

图片.png

Суммировать

Это основной метод ввода отладки.На самом деле есть более глубокое содержание.Я буду продолжать изучать и улучшать эту статью.

Если статья немного помогла вам, пожалуйста, поставьте мне лайк Спасибо.

Ссылаться на

code.visual studio.com/docs/node будет... code.visual studio.com/docs/node будет...

Категории