返回

NestJS 7.x: 亲测可行，VS Code 1.5+ 成功调试 NestJS

前端

前言

NestJS 作为一款流行的 JavaScript 框架，深受开发者的喜爱。随着 7.x 版本的发布，NestJS 的功能和性能进一步提升，但同时，它的调试也变得更加复杂。本文将为您提供在 VS Code 1.5+ 中调试 NestJS 7.x 版本的详细指南，帮助您轻松解决开发中的问题。

正文

一、准备工作

在开始调试之前，您需要确保已经安装了以下工具：

  • Node.js 14.x 或更高版本
  • npm 6.x 或更高版本
  • NestJS CLI
  • VS Code 1.5+

二、新建 NestJS 项目

接下来，您需要创建一个新的 NestJS 项目。可以使用以下命令：

nest new my-project

三、安装依赖项

进入项目目录后，使用以下命令安装必要的依赖项：

npm install

四、配置 VS Code

  1. 打开 VS Code，并打开项目文件夹。
  2. 在 VS Code 中，按 Ctrl + Shift + P 打开命令面板，然后输入 Debug: Open launch.json。
  3. 在弹出的 launch.json 文件中，添加以下配置：
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "NestJS",
      "program": "${workspaceFolder}/node_modules/nest/cli.js",
      "args": [
        "start"
      ],
      "cwd": "${workspaceFolder}",
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}

五、启动调试

  1. 在 VS Code 中，按 F5 或单击调试工具栏上的绿色三角形按钮启动调试。
  2. 在调试控制台中，您将看到 NestJS 应用程序启动的消息。

六、设置断点

您可以通过在代码中单击行号旁边的空白区域来设置断点。当程序运行到断点时，它将暂停执行，您可以在调试控制台中检查变量的值并逐步执行代码。

七、常见问题

如果您在调试过程中遇到问题，可以参考以下常见问题解答：

  • 问题： NestJS 应用程序没有启动。
    解决方案： 确保您已经安装了必要的依赖项，并且已经正确配置了 launch.json 文件。

  • 问题： 断点没有生效。
    解决方案： 确保您已经正确设置了断点，并且程序已经运行到断点处。

  • 问题： 无法检查变量的值。
    解决方案： 确保您已经打开了调试控制台，并且已经选择正确的堆栈帧。

结语

通过本文，您已经了解了如何在 VS Code 1.5+ 中调试 NestJS 7.x 版本。希望本文能够帮助您快速上手 NestJS 的开发，并轻松解决开发中的问题。