Получите отладку, работая с кодом Visual Studio - PullRequest
Новая
       68

Получите отладку, работая с кодом Visual Studio

1 голос
/ 17 июня 2019

Я работаю над настройкой среды, чтобы отладка работала для моей программы, и я нашел эти инструкции в Интернете, чтобы заставить ее работать с Chrome, но я хочу, чтобы она работала с кодом Visual Studio:

  • Откройте Google Chrome и перейдите к chrome: // inspect.Ваша программа должна быть указана как цель для отладки.К нему будет прикреплен идентификатор вашей программы.
  • Если вы не видите панель как отлаживаемый элемент, вам может потребоваться указать Chrome посмотреть порт, который вы указали выше.
  • Нажмите «Настроить» рядом с «Обнаружение сетевых целей»
  • Добавьте «localhost: 9345» (или порт, который вы использовали выше »*
  • Нажмите« Готово »
  • Нажмите «проверить». CDT должен запуститься с полным опытом отладки

Достаточно ли этой информации для отладки для работы с кодом Visual Studio?

Дополнительная информация при посещении URL: 

[
  {
    "description": "Program",
    "devtoolsFrontendUrl": "chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=127.0.0.1:9345/devtools/page/abc123",
    "faviconUrl": "https://www.example.com/favicon.ico",
    "id": "abc123",
    "title": "abc123",
    "type": "page",
    "url": "",
    "webSocketDebuggerUrl": "ws://127.0.0.1:9345/devtools/page/abc123"
  }
]

1 Ответ

1 голос
/ 17 июня 2019

Этих инструкций недостаточно для отладки в VSCode.
Для возможности отладки в VSCode необходимо добавить конфигурацию запуска отладки:

  • Открыть представление отладки (значок отладкиили Ctrl + Shift + D)

    Debug icon

  • Добавить конфигурацию для Chrome:
    щелкните значок шестеренки или создайте файл launch.json вручную.файл
    (внутри папки .vscode в корневом каталоге вашего проекта)

пример launch.json: 

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:9345",
            "webRoot": "${workspaceFolder}"
        }
    ]
}
  • Выберите только что созданную конфигурацию и нажмите кнопку воспроизведенияКнопка («Начать отладку»)

Проверьте документы для получения дополнительной информации.

...