VSCode配置调试JavaScript代码

VSCode配置调试JavaScript代码

官网说明调试

1.创建配置 launch.json 文件

  1. 按照图示点击创建
    VSCode配置调试JavaScript代码_第1张图片
  2. LeetCode 是文件夹的名字,以文件夹配置
    VSCode配置调试JavaScript代码_第2张图片
    VSCode配置调试JavaScript代码_第3张图片
  3. 选择Node.js调试器
    VSCode配置调试JavaScript代码_第4张图片
  4. LeetCode文件夹下出现 .vscode文件夹
    VSCode配置调试JavaScript代码_第5张图片
  5. 如果你需要调试该文件夹下面的所有js代码,修改"program": "${workspaceFolder}\\${file}",就可以调试所有的文件每个变量说明
    VSCode配置调试JavaScript代码_第6张图片

VSCode配置调试JavaScript代码_第7张图片

2.开始调试

  1. 点击行号边上的空白区域就可以添加debugging标记
    VSCode配置调试JavaScript代码_第8张图片

  2. 按下F5按钮出现调试工具,图标代表的意思和浏览器的调试工具一致官网说明
    在这里插入图片描述

你可能感兴趣的:(JavaScript,VSCode,vscode,javascript,ide)