Как настроить отладку в VS Code для chrome?
Здравствуйте. Подскажите, пожалуйста, как настроить отладку в VS Code для chrome? Настроен launch.json так:
{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:8080/", "webRoot": "${workspaceFolder}" } ] } |
{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:8080/", "webRoot": "${workspaceFolder}" } ] }
При запуске отладки не происходят остановки на breakpoint, зашёл в debug diagnostics, тут написано такое:
Я так понимаю что дело в слешах, ведь путь точки остановы и исходного файла одинаковые, но как это исправить не догоняю, всё перерыл - подобной проблемы не нашёл.
Дополнительно:
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для настройки отладки в VS Code для Chrome, следуйте следующим шагам:
1. Установите расширение "Debugger for Chrome" в VS Code. Для этого откройте вкладку Extensions (Ctrl+Shift+X), введите "Debugger for Chrome" в поисковую строку и установите расширение.
2. Запустите свой проект в браузере Chrome и откройте DevTools (F12). Перейдите на вкладку Sources.
3. В VS Code откройте ваш проект и создайте файл launch.json в папке .vscode. Если у вас уже есть этот файл, пропустите этот шаг.
4. Вставьте следующий код в файл launch.json:
{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" } ] }{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" } ] }
5. Измените параметр "url" на URL вашего проекта, если он отличается от "http://localhost:8080".
6. Откройте файл, который вы хотите отлаживать, установите точки останова (breakpoints) и нажмите F5 для запуска отладки.
Теперь вы можете отлаживать свой код прямо из VS Code, используя DevTools в браузере Chrome. Вам доступны все стандартные инструменты отладки, такие как пошаговое выполнение, просмотр значений переменных и т.д. Наслаждайтесь отладкой вашего кода в удобной среде разработки!