关于chrome:nodejs代码如何进行断点调试

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一样调试就能够了。