如何使用NodeJS调试神器VSCode Debugger-一一网

这是我参与更文挑战的第4天，活动详情查看：更文挑战

看完别忘了给我点个赞哦❤️

在写NodeJS应用的过程中越发感受到VSCode Debugger有如神助。我通过加断点查看局部变量配合对照修改代码重新运行的方式帮我理清了很多问题，提高了效率。

今天就让我给你介绍VSCode debugger测试NodeJS的几种方法，总有一款适合你！

以文件为入口

我们可以通过命令行 node file.js的方式直接运行一个NodeJS文件。VSCode debugger同样也可以这样操作。只需要：

打开一个NodeJS文件
切换到RUN AND DEBUG面板
点击Run and Debug按钮
在随后打开的环境选项面板中选择Node.js

就可以看到右侧打开调试控制台，打印出了一段调试用的脚本，并且运行到预先设置的断点程序暂停了：

file entry-2.png

不过很快你发现这运行的文件不对啊？？？这里的设定有点坑爹，VSCode如果检测到当前工作空间主目录里有package.json并且定义了main脚本入口的话就会忽略当前打开的文件而以它为入口。

想要改变这种行为，就得准备一个launch.json文件来定义了。

launch.json自定义更多选项

点击RUN AND DEBUG面板中的create a launch.json file链接，就会自动创建一个.vscode目录以及launch.json文件。

vscode debugger.png

文件内容如下：

script entry-launch json.png

打开注释里的链接就能看到完整的选项说明。不过大多时候我们只需要了解它的主要配置项包括：

指定运行用的环境，我们用"type": "node"指定
NodeJS需要从一个JS文件开始，我们用"program": "${workspaceFolder}/script.js"指定
如果这个文件需要一些参数输入，则添加"args": []选项
如果需要一些环境变量输入，则添加"env": { "env_name": "env_value" }选项

举例，可以像这样通过修改自动生成的launch.json来用ts-node调试TS源文件：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": ["<node_internals>/**"],
      "program": "${workspaceFolder}/node_modules/.bin/ts-node",
      "args": ["${workspaceFolder}/src/index.ts"]
    }
  ]
}
复制代码