debug

插件安装

安装 Debugger for Chrome

attach debug

debug 模式启动chrome

debug模式启动chrome,注意,chrome需要在path中存在,不存在配置下。

chrome --remote-debugging-port=9222

配置launch

launch.json

{
  "type": "chrome",
  "request": "attach",
  "name": "whatever",
  "url": "http://localhost:3000/",
  "webRoot": "${workspaceFolder}/",
  "port": 9222
}

chrome中添加filesystem

在chrome中打开测试连接,然后

1. F12打开控制台
2. Sources -> Filesystem -> +
3. 选择工程目录

vscode中launch

点击最左侧的run,选择自己设置的名字
whatever

posted @ 2020-10-23 09:41  fndefbwefsowpvqfx  阅读(62)  评论(0编辑  收藏  举报