如何在vscode中使用自带的工具调试js代码

• 点击左侧的第四个按钮，选择新建launch.json文件
  
  
  修改为如下：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/test.js". //test.js为我要调试的文档
        }
    ]
}

• 必需字段如下：

type：调试器类型。这里是 node（内置的调试器），如果安装了 Go 和 PHP 的扩展后，则对应的 type 分别为 go 和 php。
request：请求的类型，支持 launch 和 attach。launch 就是以 debug 模式启动调试，attach 就是附加到已经启动的进程开启 debug 模式并调试，跟在上一小节中提到的用 node -e “process._debugProcess(PID)” 作用一样。
name：下拉菜单显示的名字。

• 可选字段（括号里表示适用的类型）如下：

program：可执行文件或者调试器要运行的文件 (launch)。
args：要传递给调试程序的参数 (launch)。
env：环境变量 (launch)。
cwd：当前执行目录 (launch)。
address：IP 地址 (launch & attach)。
port：端口号 (launch & attach)。
skipFiles：想要忽略的文件，数组类型 (launch & attach)。
processId：进程 PID (attach)。

• 变量替换：

${workspaceFolder}：当前打开工程的路径。
${file}：当前打开文件的路径。
${fileBasename}：当前打开文件的名字，包含后缀名。
${fileDirname}：当前打开文件所在的文件夹的路径。
${fileExtname}：当前打开文件的后缀名。
${cwd}：当前执行目录。
…

参考资料：https://wizardforcel.gitbooks.io/node-in-debugging/content/4.3.html