Visual Studio Code 使用Chrome Debug 代码

一、添加插件 Debugger for Chrome,点击安装,安装完成之后,启动
Debugger for Chrome

二、配置启动参数
1.按 F5,出现界面如图,选择 Chrome
这里写图片描述

2.然后会打开配置文件 launch.json
这里写图片描述

3.第三步需要配置本地HTTP服务器(IIS)
HTTP服务器配置教程
②配置完成之后,把服务器相关配置改成如下图:
这里写图片描述

4.再按F5启动,就可以启动Chrome,并且在VSC里Debug调试代码了

5.如果并没有显示正确的页面,那么就重启一下服务器,清理一下Chrome的缓存,再或者多刷几次页面,就应该可以了

Donate
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2015-2022 Peng Xiang
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信