vscode 使用 edge/chrome调试react或单文件

edge/chrome调试react或单文件"/>

vscode 使用 edge/chrome调试react或单文件

调试react

项目目录下，在.vscode目录新建launch.json，输入以下内容

{"configurations": [{"name": "Launch Edge","request": "launch","type": "msedge","url": "http://localhost:3000","webRoot": "${workspaceFolder}"}]
}

如果 是chrome，
将type改为：chome

调试本地文件

• 如果不使用react，纯调试本地html文件，修改配置如下：

{"configurations": [{"name": "Launch edge","request": "launch","type": "msedge","file":"${file}"}]
}

• 调试本地文件，但又需要访问其他目录文件，需要使用server。
  首先要启用server，两种方法：
  1、使用live-sever扩展插件，先运行一次，找到端口号；
  2、使用python -m http.server 5500。指定端口号为5500。

{"configurations": [{"type": "msedge",//可以更换为chome"request": "launch","name": "Launch Chrome from http","url": "http://localhost:5500/${fileBasename}","webRoot": "${workspaceFolder}"}]
}