使用VSCode调试NestJS应用程序

在使用NestJS开发应用程序时，调试是非常重要的。 在本文中，我们将介绍如何使用VSCode调试NestJS应用程序。

安装VSCode Debugger for Chrome插件

首先，我们需要在VSCode中安装VSCode Debugger for Chrome插件。 这个插件可以让我们在VSCode中调试我们的代码，就好像在Chrome DevTools中一样。

可以通过以下步骤安装该插件：

1. 打开VSCode
2. 点击“扩展”按钮
3. 搜索“VSCode Debugger for Chrome”
4. 安装该插件

配置VSCode launch.json文件

接下来，我们需要在VSCode中配置launch.json文件，以便在VSCode中启动我们的应用程序，并进行调试。

以下是一个示例launch.json文件的内容：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug NestJS",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}",
      "sourceMaps": true,
      "runtimeArgs": [
        "--nolazy",
        "-r",
        "ts-node/register"
      ],
      "port": 9222,
      "sourceMapPathOverrides": {
        "webpack:///./*": "${webRoot}/*"
      }
    }
  ]
}

在该文件中，我们定义了一个名为“Debug NestJS”的配置。 我们使用的是Chrome调试器，并且使用了默认的端口号（9222）。

需要注意的一点是，我们使用了“ts-node/register”来运行我们的代码，并启用了源映射来使得VSCode可以调试TypeScript代码。

启动应用程序并调试

现在我们准备好了开始调试我们的应用程序了。 首先，在终端中输入以下命令启动我们的应用程序：

npm run start:dev

一旦应用程序启动，我们可以在Chrome浏览器中输入“http://localhost:3000”来查看我们的应用程序。

接下来，我们需要转到VSCode，并按F5键来启动调试器。 此时，我们的应用程序将在浏览器中打开，并且我们将可以在VSCode中看到一个调试窗口。

现在，我们可以在VSCode中设置断点，并使用常规的调试技术来调试我们的代码了。

总结

通过使用VSCode Debugger for Chrome插件和正确配置launch.json文件，我们可以在VSCode中轻松调试NestJS应用程序。