VSCode使用chrom调试

1.安装chrom

安装成功之后需重新启动vscode
2.点击调试界面小齿轮自动生成launch。json文件，之后进行文件配置

version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "Launch Chrome against localhost","url": "http://localhost:3000","webRoot": "${workspaceFolder}"}
]

点击下来菜单选择配置好的

名字为代码中的name，
其中url为自己调试界面的网址，
webRoot为提供文件的目录设置为 "${workspaceFolder}"代表当前在code中da打开的文件夹，也可以设置为绝对路径。这样就行。
同时可以在运行一个的同时开启另一个，详细信息里面具体有写。

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

VSCode使用chrom调试相关推荐

vscode断开调试服务器文件,vscode显示等待调试器断开连接
我正在尝试在vscode上调试量角器脚本. 我编辑了launch.json文件,但是调试控制台抛出了下面的错误. vscode调试控制台输出: C:\Program Files\nodejs\node ...
vscode编译、调试stm32F4系列mcu的程序
捣腾很长时间了,用vscode编译.调试stm32F4系列mcu的程序.记录下. launch.json @TOC // AUTOMATICALLY GENERATED FILE. PLEASE DO ...
如何在vscode上调试php,如何用vscode进行单步调试
快捷键Ctrl + ` 打开默认终端; Ctrl + Shift + ` 新建新的终端; Ctrl + Shift + Y 打开调试控制台,然后再自行切换终端选项; ps: ` 在键盘数字1的左边. ...
解决vscode进行chrome调试时报错：localhost拒绝了我们的连接请求
解决vscode进行chrome调试时报错:localhost拒绝了我们的连接请求只是为了记录,参考博客https://blog.csdn.net/LiBlacksmith/article/deta ...
Vscode突然没法调试python2.7
Vscode突然没法调试python2.7,且报错: ...........import _thread as thread; verify_shadowed.check(thread, ['star ...
vscode使用lldb调试C++程序
vscode使用lldb调试C++程序如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033 文章目录 vscode使用lldb调试C++程 ...
phpstudy php调试,phpStudy vscode 搭建debug调试的教程详解
下载地址 [Xdebug] zend_extension=D:/phpstudy_pro/Extensions/php/php7.3.4nts/ext/php_xdebug.dll xdebug.co ...
VSCode配置python调试环境
本文转载自: https://www.cnblogs.com/qdscwyy/p/7756694.html 作者:qdscwyy 转载请注明该声明. 目录 VSCode配置python调试环境 1.下 ...
VsCode进行python调试配置设置
使用vscode进行调试的时候,往往需要进行调试配置文件设置.如下为调试python过程中常用的参数的示例和说明.更多内容参考官方说明 {// Use IntelliSense to learn ab ...

VSCode使用chrom调试

VSCode使用chrom调试相关推荐

最新文章

热门文章