Заметки фронтендера

Включение дебаггера в vscode.
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.

www.tgoop.com/node_modules/47

168 viewsedited  Feb 15, 2019 at 05:05

Включение дебаггера в vscode.
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

BY Заметки фронтендера