# 使用 node-inspect
配合 chrome
浏览器的 DevTools
调试本地 js
,谷歌浏览器的 DevTools
很强大,调试 js
炒鸡方便。很多代码扣到本地调试起来很难受,用 node-insepct
解决这一问题.(node、windows 环境,参考志远大佬的二期视频,B 站直接搜 志远二期
)
# 安装
node-inspect
,-g
代表全局安装。npm install -g node-inspect
# 打开
chrome
浏览器(基于谷歌 V8 内核的浏览器都可以),在地址栏输入chrome://flags/
进入谷歌内核的实验室界面# 搜一下
Developer Tools experiments
, 然后Enable
,搜不到的话就是已经打开了,新版的浏览器都是默认开启的。# 在
vscode
设置一下启动项,添加如下字段,name
字段可以自行修改"runtimeExecutable": "node-inspect"
"program": "${workspaceFolder}\\16.js" // 改成需要调试的 js 文件名
# 运行添加的配置项,
# 打开浏览器,然后打开控制台,左上角会多出一个绿色按钮,点击进去就会弹出独立的
DevTools
# 弹出的窗口,没有浏览器环境的
DevTools
,更方便调试。