We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
vscode
JavaScript Debug Terminal
debugger
Breakpoint
Debug: Toggle Auto Attach
Auto Attach
node --inspect index.js
有些时候在看一些开源库的时候,想通过断点方式查看源代码,可以通过配置 launch.json 指定运行时执行环境
launch.json
比如,package.json 有 scripts
package.json
scripts
vscode 调试时 ,配置 launch.json 如下
其中,runtimeExecutable 指定运行时的执行环境 ,这里指定为 npm,runtimeArgs 指定运行时执行环境对应的执行参数,这里指定运行 run dev。
runtimeExecutable
npm
runtimeArgs
run dev
配置好之后,按 F5 开启调试,实际执行的就是 npm run dev ,这样我们就可以在源代码打断点进行查看代码的执行过程了
npm run dev
更多调试技巧可以查看 vscode 官网 ,地址
ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
借助 ndb ,正如它自己在官网上描述一样,ndb 提升了调试 nodejs 的体验,它是通过启用一个 Chrome Devtools 来进行调试的。
ndb
nodejs
在使用它前,你需要安装,可以通过 npm install -g ndb ,安装完之后在代码里面需要断点的地方输入输入 debugger ,然后运行 ndb index.js ,会发现打开了一个 Chrome Devtools 并且已经断点
npm install -g ndb
ndb index.js
nodejs调试当然不仅仅这几种,阮老师之前也写过一篇关于 nodejs debugger 的文章,感兴趣可以点击查看 地址
The text was updated successfully, but these errors were encountered:
No branches or pull requests
第一种
vscode
内置终端,右上角选择JavaScript Debug Terminal
debugger
或者 打标Breakpoint
)第二种
Debug: Toggle Auto Attach
,开启Auto Attach
(该方式要去 node 版本要大于 12)debugger
或者 打标Breakpoint
)node --inspect index.js
执行代码第三种
有些时候在看一些开源库的时候,想通过断点方式查看源代码,可以通过配置
launch.json
指定运行时执行环境比如,
package.json
有scripts
vscode 调试时 ,配置
launch.json
如下其中,
runtimeExecutable
指定运行时的执行环境 ,这里指定为npm
,runtimeArgs
指定运行时执行环境对应的执行参数,这里指定运行run dev
。配置好之后,按 F5 开启调试,实际执行的就是
npm run dev
,这样我们就可以在源代码打断点进行查看代码的执行过程了第四种
借助 ndb ,正如它自己在官网上描述一样,
ndb
提升了调试nodejs
的体验,它是通过启用一个 Chrome Devtools 来进行调试的。在使用它前,你需要安装,可以通过
npm install -g ndb
,安装完之后在代码里面需要断点的地方输入输入debugger
,然后运行ndb index.js
,会发现打开了一个 Chrome Devtools 并且已经断点The text was updated successfully, but these errors were encountered: