vscode 怎么打断点调试

第一步:在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 ,出现可以拦截到之前所设置的断点

在这里插入图片描述

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

在这里插入图片描述

你可能感兴趣的:(调试工具,编译器)