Nodejs WebStorm如何调式？

Nodejs WebStorm如何调式？

按budeg在启动项目的时候的确能进断点调式， 但是启动后响应请求就不行了，哪位高人指点？多谢

10 回复

当然可以！以下是如何使用WebStorm调试Node.js项目的详细步骤。通过这些步骤，您可以确保在启动项目时能够进入断点调试，并且在响应请求时也能正常工作。

步骤1：配置Node.js运行环境

首先，确保您的WebStorm已经正确配置了Node.js运行环境。通常情况下，WebStorm会自动检测并配置Node.js的路径，但您也可以手动检查或更改。

  1. 打开WebStorm。
  2. 进入 File -> Settings（或 Preferences 在macOS中）。
  3. 导航到 Languages & Frameworks -> Node.js and NPM。
  4. 确认Node.js解释器的路径是否正确。如果需要，点击 ... 按钮选择正确的Node.js路径。

步骤2：创建调试配置

接下来，您需要为您的Node.js项目创建一个调试配置。

  1. 点击顶部菜单栏的 Run -> Edit Configurations...。
  2. 点击左上角的 + 号，选择 Node.js。
  3. 在 Name 中输入配置名称，例如 Debug Node.js。
  4. 在 JavaScript file 字段中，选择您的入口文件（例如 server.js 或 app.js）。
  5. 如果您的项目有特定的环境变量或参数，可以在 Environment variables 和 Application parameters 中进行设置。
  6. 确保勾选 JavaScript debugger 选项，这将启用JavaScript调试功能。

步骤3：设置断点

在您的代码中设置断点。断点是您希望程序暂停执行的地方。在您想要暂停的代码行左侧的空白区域单击鼠标，会出现一个红点，表示已设置断点。

步骤4：启动调试

现在您可以启动调试会话了。

  1. 点击顶部工具栏上的绿色虫子图标（调试按钮）。
  2. WebStorm将会启动Node.js进程并加载您的应用程序。
  3. 当程序到达断点时，它会暂停执行，此时您可以看到当前作用域中的变量值，并可以逐步执行代码（使用 Step Over、Step Into 和 Step Out 按钮）。

示例代码

假设您的 server.js 文件如下：

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Hello World\n');

    // 设置断点的位置
    console.log('Request received');
});

server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}/`);
});

在这个例子中，您可以设置断点在 console.log('Request received'); 行，以查看每次请求到达服务器时的行为。

通过以上步骤，您应该能够在WebStorm中成功调试Node.js应用，并处理请求响应问题。希望这对您有所帮助！


意思是app.js中的断点可以调试？但其它文件的不能？

你给的信息太少啦，具体断点打在哪里啊？webstorm是可以调试的。

自己的写的除了public里面的js以外的js文件都能加断点啊 引用包的文件貌似加了也无效 我是打日志的

是的

打在app.js可以 server启动后 响应请求的就不行。。。

是吗 那就奇怪了 在Run/Debug Configurations里面有什么特殊设置吗？

楼主什么类型的项目

如果又调用node运行的代码话 似乎Webstorm是不能debug到的

pomelo的项目 学习中 是不是你所说的node运行代码？

要调试 Node.js 应用程序并在 WebStorm 中设置断点，你需要确保配置正确。以下是详细的步骤和一个简单的示例代码来帮助你理解。

配置 WebStorm 调试

  1. 创建或打开 Node.js 项目：

    • 打开 WebStorm 并创建一个新的 Node.js 项目或打开现有项目。

  2. 设置启动配置：

    • 点击顶部菜单栏的 Run -> Edit Configurations...
    • 点击左上角的 “+” 号，选择 Node.js。
    • 在右侧填写 Name（如 Node Debug），在 JavaScript file 中选择你的入口文件（例如 app.js）。
    • 在 JavaScript parameters 中输入 --inspect-brk 或 --inspect（如果你希望在首次加载时自动暂停）。

  3. 设置断点：

    • 在你希望暂停执行的地方，在代码行号左侧点击设置断点。

  4. 启动调试：

    • 点击顶部工具栏上的 Debug 按钮（绿色虫子图标）以启动调试模式。

  5. 发送请求测试：

    • 启动调试后，向你的应用发送请求（例如通过浏览器访问 http://localhost:3000）。
    • 如果一切正常，程序应在设置的断点处暂停。

示例代码

假设你有一个简单的 Express 应用：

const express = require('express');
const app = express();

// 设置断点
app.get('/', (req, res) => {
    console.log("Handling request...");
    res.send("Hello, World!");
});

app.listen(3000, () => {
    console.log("Server is running on port 3000");
});

解释

  • app.get('/'... 是一个处理 GET 请求的路由。
  • 当你在浏览器中访问 http://localhost:3000 时，请求会触发此路由处理函数。
  • 如果你在 console.log("Handling request..."); 行设置了断点，WebStorm 将在此处暂停，允许你查看变量状态和单步执行。

确保你的 WebStorm 和 Node.js 版本兼容，并且你已安装所有必要的依赖项。这样你应该能够成功地调试你的 Node.js 应用。

回到顶部