使用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并在一个熟悉的界面下查看和调查代码。

68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f38343134342f32633965383530612d636231332d326438362d353037312d6433633462336237663664392e706e67.png

这个工程很麻烦。

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

node-inspect.gif
----» やっぱりChromeDevToolが1番使いやすいです。? 
广告
将在 10 秒后关闭
bannerAds