Включение дебаггера в vscode.
1. Установить расширение: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
2. Кликнуть на пункте меню debug, рядом со кнопкой "play" клацнуть и добавить конфиг:
3. Запустить хром с указанием нужного порта для дебага, например под Mac OS:
#debug #debugging #vscode #chrome
1. Установить расширение: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
2. Кликнуть на пункте меню debug, рядом со кнопкой "play" клацнуть и добавить конфиг:
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9229,
"urlFilter": "http://ahushh-mac.local*",
"webRoot": "${workspaceFolder}"
}
]
} 3. Запустить хром с указанием нужного порта для дебага, например под Mac OS:
open -a "Google Chrome Canary.app" --args --remote-debugging-port=9229#debug #debugging #vscode #chrome
Visualstudio
[Deprecated] Debugger for Chrome - Visual Studio Marketplace
Extension for Visual Studio Code - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.