VScode 调试JavaScript两种方式

一、使用浏览器调试

  1. 安装Live Server 和 Debugger for Chrome

VScode 调试JavaScript两种方式_第1张图片
VScode 调试JavaScript两种方式_第2张图片
2.配置Live Server
VScode 调试JavaScript两种方式_第3张图片
VScode 调试JavaScript两种方式_第4张图片
3.使用Live Server 运行项目获取端口号
VScode 调试JavaScript两种方式_第5张图片
记住获取的端口号
VScode 调试JavaScript两种方式_第6张图片
4. 点击JavaScript文件开始调试
VScode 调试JavaScript两种方式_第7张图片
vscode会自动生成一个调试配置文件,将launch.json中url属性中的端口号改为刚才Live Server 生成的端口号,保存
VScode 调试JavaScript两种方式_第8张图片
接下来就可以开始调试了
VScode 调试JavaScript两种方式_第9张图片
VScode 调试JavaScript两种方式_第10张图片

二、使用Nodejs调试

1.打开代码,项目文件夹,如图选择运行并调试,选择nodejs环境即可开始调试
VScode 调试JavaScript两种方式_第11张图片
VScode 调试JavaScript两种方式_第12张图片

你可能感兴趣的:(学习记录,vscode,js)