linux js怎样调试代码

linux

小樊

2026-10-27 21:53:38

栏目: 编程语言

在 Linux 下调试 JavaScript 代码，常见方式和工具如下，按运行环境分类说明：

一、Node.js 环境（后端 / 脚本）

1️⃣ 最基础：console 调试

console.log('value:', x);
console.error(err);
console.table(arr);

适合快速定位问题。

2️⃣ Node 内置调试器

node inspect app.js

常用命令：

n 下一步
c 继续执行
repl 进入交互查看变量

3️⃣ VSCode 调试（推荐 ✅）

步骤：

打开项目
创建 .vscode/launch.json

{
  "type": "node",
  "request": "launch",
  "name": "Debug",
  "program": "${workspaceFolder}/app.js"
}

打断点 → F5 启动

✅ 支持变量查看、调用栈、单步执行

4️⃣ Chrome DevTools 远程调试 Node

node --inspect app.js

然后浏览器打开：

chrome://inspect

✅ 图形化调试体验最好

5️⃣ 常用调试工具

ndb（增强版调试器）

npx ndb app.js

debug 模块

const debug = require('debug')('app');
debug('start');

DEBUG=app node app.js

二、浏览器环境（前端 JS）

1️⃣ Chrome / Firefox 开发者工具

打开方式：
- Chrome：F12 或 Ctrl+Shift+I
功能：
- Sources 面板断点
- Console 执行 JS
- Network 看请求

2️⃣ VSCode + 浏览器调试

使用 Debugger for Chrome 插件：

{
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:3000"
}

三、命令行快速测试

node -e "console.log(1+1)"

或

node
> 1 + 1

四、常见问题调试技巧

❌ 异步问题：加 async/await + try/catch
❌ 模块找不到：console.log(__dirname)
❌ 环境变量：console.log(process.env)

五、推荐组合（实战）

✅ Node 项目：VSCode + --inspect
✅ 前端项目：Chrome DevTools
✅ 脚本调试：console.log + node inspect

如果你能告诉我：

是 Node 还是浏览器 JS
用的是 VSCode / Vim / 终端

我可以给你更具体的调试方案。