使用ChromeDevTool来调试NodeJS
环境
- node(v8以上)
命令
使用node命令时,使用–inspect标志。
node --inspect index.js
当使用–inspect-brk时,可以在指定文件的第一行设置断点。(通常情况下,建议一同使用)
node --inspect --inspect-brk index.js
如果使用require,即使使用Babel编译的ESxxxx的js也能够使用。
# npm i -D babel-register
node --inspect --require babel-register index.js
TypeScript也可以进行调试。
# npm i -D typescript ts-node
node --inspect --require ts-node/register index.ts
打开Chrome开发工具
如果在上述部分成功执行了命令并且出现了这种日志,那么准备工作就已完成。
# Debugger listening on ws://127.0.0.1:9229/e9aa838e-9711-4f7b-a52d-03cd37ff5f2e
当你访问chrome://inspect时会出现如下内容。
如果你点击目标处的“inspect”按钮,就能打开ChromeDevTool并在一个熟悉的界面下查看和调查代码。

这个工程很麻烦。
这样的人可以推荐使用NIM(Node Inspector Manager)!使用它时(默认设置),当执行–inspect命令时,它会自动打开对应的ChromeDevTool!

----» やっぱりChromeDevToolが1番使いやすいです。?