寻求类Rails byebug的Node.js高效调试最优方案

我完全懂你想要那种「插个简单命令就能断点、代码更新后调试器自动跟上」的顺畅体验——毕竟byebug用惯了，Node.js调试的这些痛点确实闹心。结合你试过的几种方式，这里有几个针对性的解决方案，帮你实现接近byebug的调试体验：

方案1：给pry.js设置自定义别名（解决你第三个痛点） #

如果你偏爱pry.js的交互式调试体验，其实可以轻松把eval(pry.it)简化成debug()或者pry()：

1. 在项目根目录创建一个debug.js文件，内容如下：

const pry = require('pryjs');
global.debug = () => eval(pry.it);
// 或者如果你喜欢pry()：
global.pry = () => eval(pry.it);

2. 在你的入口文件（比如app.js）顶部引入这个文件：

require('./debug.js');

这样之后，你在代码里随便写debug()或者pry()就能触发交互式调试了，和byebug的debug命令一样方便。

方案2：Nodemon + Chrome DevTools 自动重连（解决第二个痛点） #

之前你用Nodemon搭配Chrome远程调试需要手动重连，其实只要给Nodemon加个配置，就能让调试器自动跟上代码重载：

1. 在项目根目录创建nodemon.json配置文件：

{
  "restartable": "rs",
  "ignore": [".git", "node_modules/**/node_modules"],
  "verbose": true,
  "execMap": {
    "js": "node --inspect=0.0.0.0:9229"
  },
  "watch": ["src/"],
  "env": {
    "NODE_ENV": "development"
  },
  "ext": "js,json"
}

2. 启动Nodemon时用这个配置：

nodemon --config nodemon.json app.js

3. 打开Chrome浏览器输入chrome://inspect，点击「Configure」添加localhost:9229，之后每次Nodemon重启服务，Chrome调试器都会自动重新连接，不用手动操作。

方案3：VS Code 调试 + Nodemon（最接近Rails自动重载调试的体验） #

如果你用VS Code，这个方案能完美解决「代码变更自动重启调试」的问题，而且支持debugger语句断点，体验和byebug几乎一致：

1. 在VS Code的.vscode/launch.json里添加如下配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Nodemon",
      "runtimeExecutable": "nodemon",
      "program": "${workspaceFolder}/app.js",
      "restart": true,
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}

2. 启动调试后，每次你修改代码，Nodemon会自动重启服务，VS Code的调试器会自动重新附着，断点也能正常触发——完全不用手动操作，和Rails里改完代码刷新页面自动加载、断点依然生效的体验一模一样。

从你的更新来看，已经在@AbhinavD的指导下成功实现了，不过上面这些方案应该能帮你进一步优化调试体验，选最适合自己习惯的就行～

内容的提问来源于stack exchange，提问作者Costa