前言 作为一个程序员,感觉我们其实打代码的时间不多,大部分时间都在在调试上,所以如何调高我们调试的效率,这就成了我们的一个大问题了,经过在网上的搜索与自己的探索,就推荐这两种好用的调试方法吧
1 Chrome 调试
因为 V8 检查器集成允许使用 Chrome 调试协议将 Chrome DevTools 附加到 Node.js 实例以进行调试。所以我们可以直接用 Chrome 进行调试。
这个就最简单的的方法,直接在运行代码的地方加个前缀 --inspect
,如下:
node --inspect /bin/www
这个时候我们在控制台会看到多出这么几个提示
Debugger listening on ws://127.0.0.1:9229/f54d4cb8-56bc-46c4-9b8e-fd7f2163c73c
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
看到这个我们打开 Chrome,f12 打开控制台,点击上面的 Node 图标
我们就可以打开一个新的调试 Node 的浏览器窗口,我们在代码中打的 debugger 和 console.log 都会在那个窗口显示和输出出来。
2 VS Code 大法
在 vscode 中调试步骤也是比较简单,
1、 点击蜘蛛图标,打开调试控制台
2、选择一下调试环境
这里我们就直接选 Node的了的啦
3、配置调试模式
我们选择好环境之后,他会弹出一个 launch.json
的配置文件,这里面我们可以vscode 有很多调试模式,我们可以通过 add configurations
添加调试模式。等到我们要调试的时候就在 debug 菜单那边选模式,然后点击绿色三角开始调试。下面我们着重介绍一下几个常见的模式吧
3 VS Code Node 调试模式
3.1 attach 模式
这个先拉出来说,因为后面几个模式都是通过 VS Code 启动项目的,而这个模式是你项目已经启动的情况下启用的,并且那项目还是开启了 Chrome 调试的
// launch.json
// port 填 Chrome 调试的端口地址,一般都是 9229
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach to Port",
"address": "localhost",
"port": 9229
},
...
]
3.2 node 模式
这个其实一开始的时候生成的配置就是 node 启动形式,代码如下
// launch.json
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/bin/www"
},
...
]
3.3 nodemon 模式
我们调试的时候肯定要修修改改,如果只是用 node 启动的话,我们每次修改后都要重新启动项目,这样是很费时间的,所以我们可以借助一些依赖来实现 node 项目的热重载,比如这个 nodemon, 然后 VS Code 也有这么一个对应的模式。
不过要注意,想用调用这个调试模式,你电脑必须全局 安装 nodemon,否跑不起来。
// launch.json
"configurations": [
{
"type": "node",
"request": "launch",
"name": "nodemon",
"runtimeExecutable": "nodemon",
"program": "${workspaceFolder}/bin/www",
"restart": true,
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen"
},
...
]
大概就是这些吧,最后唠叨一句,debug 是个好东西,大家要用好他。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。