第一步：在vscode中安装Debugger for Chrome 或者debugger for fireFox的插件

在这里插入图片描述
在这里插入图片描述

第二步：快捷键F5 或者点击运行=>启动调试

在这里插入图片描述

第三步：选择环境需要配置的环境Chrome ，firefox或者node

在这里插入图片描述

第四步：上一步选chrome 或者firefox的环境随便选其中一个，此时会出现一个launch.json的配置文件

在这里插入图片描述

第五步：配置launch.json加入chrome和firefox的配置项，再一次按下F5，添加配置文件，选择fiefox：server，会自动生成配置在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

第六步：全局安装http-server

npm i http-server -g
第七步：测试（在js中打上断点），

在这里插入图片描述

并在命令行中运行http-server，会自动产生一个模拟路径，

在这里插入图片描述

最后再一次F5 ，出现可以拦截到之前所设置的断点

在这里插入图片描述

通过切换配置项我们可以更换为火狐游览器

在这里插入图片描述

Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

解析openGauss账本数据库

avatar 华为开发者空间
cover

GaussDB高校行走进哈尔滨，与两校学子共话数据库人才发展

avatar 华为开发者空间
cover

GaussDB数据库高可用部署方案

avatar 华为开发者空间