共计 1073 个字符,预计需要花费 3 分钟才能阅读完成。
nodejs 代码如何进行断点调试呢?
作为一名服务端开发人员,对代码进行断点调试是最根本的能力,接下来我简略介绍两种调试形式,一种是依赖于编辑器工具,另外一种是依赖于 chrome 浏览器(两种形式均在已装置 nodejs 前提下)。
一、应用 vscode 编辑器
关上编辑器,新建一个我的项目vscode-debugger-test
,创立两个文件:app.js
:test.js
:
如果想调试 test.js
中log
这个办法,那么首先应该当初我的项目的根目录创立一个 .vscode
文件夹,而后再 .vscode
这个文件夹下创立一个名字为 launch.json
的文件:
接下来就是编写这个 json 文件:
launch.json
{
// 配置名称,将会在启动配置的下拉菜单中显示
"name": "test",
// 配置类型
"type": "node",
// 申请配置类型,能够为 launch(启动)或 attach(附加)"request": "launch",
// 将要进行调试的程序的门路
"program": "${workspaceFolder}/app.js",
// 程序调试时传递给程序的命令行参数,个别设为空即可
"args": [],
// console 执行形式 1、integratedTerminal 编辑器外部终端执行 2、externalTerminal 内部终端执行
"console": "integratedTerminal"
}
编辑好了,开始调试,首先在 test.js
文件 log
函数外部第一行的最前端加上断点,
而后点击编辑器右边的运行,
而后再点击运行按钮,开始运行,
这时候就能看到曾经进入断点了,
而后就能够像在浏览器中调试 js 那样,欢快的调试 nodejs 了,
点击这里能够进行跳过断点、进行调试、单步跳过、单步调试等操作。
参考:官网 launch.json 配置阐明
二、应用 Chrome 的 inspect 调试
还是应用上边 vscode-debugger-test
这个我的项目作为 demo, 但要对 app.js
文件略微做下革新:
test.js
文件,加一行代码:
接下来,在终端运行 node --inspect=9229 app.js
启动之后,在浏览器地址栏输出http://localhost:9999/
,显示如下:
此时,新关上一个 Chrome 标签页,地址栏输出chrome://inspect/#devices
能够看到,这时候这里呈现了一个链接,点击进入 Chrome 控制台, 而后刷新http://localhost:9999/
, 这时候就进入了断点的中央:
到这里曾经十分相熟了,就像调试 js 一样调试就能够了。