node代码调试(2)——使用VSCode调试

上篇文章介绍了如何在chrome下调试nodejs代码(请访问:https://blog.csdn.net/huzhenv5/article/details/103513125),本篇文章将介绍如何在VSCode下调试nodejs的代码。
个人觉得这种方式调试js代码最为简便,推荐!

本机vscode环境:
在这里插入图片描述

1,打开vscode后,点击左边像虫子一样的调试图标
在这里插入图片描述
2,创建launch.json文件
点击进入调试页面后,会有两种可能出现的页面情况
第一种:点击齿轮图标
在这里插入图片描述
第二种:点击 create a launch.json file
在这里插入图片描述
点击后,会自动创建一个launch.json文件,该文件就是vscode的启动配置文件。如果没有自动创建,会提示一个选择环境的搜索框,选择node.js即可完成launch.json文件的创建
在这里插入图片描述
完成创建后,当前项目的根目录会自动创建一个.vscode的文件夹,launch.json文件就放在该文件夹中
在这里插入图片描述
3,配置启动文件

将launch.json文件中program字段的index.js改成需要调试的js文件在本工程中的相对路径
在这里插入图片描述
4,开始调试

launch.json文件有个configurations字段,该字段是一个数组,数组中每个元素对应一个启动配置,每个元素的name就是该启动配置的名称,可以在调试之前选择需要调试的配置

在调试页面,选择需要调试的配置,然后点击绿颜色的run按钮开始调试
在这里插入图片描述
5,断点调试

在运行之前,在需要打断点的地方打上断点标记(鼠标移到对应的行的行头,会有一个小红点提示,点击一下就会打上断点)
在这里插入图片描述
程序运行到断点处后会暂停,左边调试栏有当前上下文的变量值,窗口上部也会出现断点调试的工具栏
在这里插入图片描述

如上就可以愉快的使用vscode来调试js代码了,如果想了解更多的vscode调试技巧,可以访问vscode的官方网站:https://code.visualstudio.com/docs/editor/debugging

如果想了解更多其它开发工具调试node的方法,可以访问node的官网,有简洁的介绍可供参考:
https://nodejs.org/zh-cn/docs/guides/debugging-getting-started/

网页截图如下:在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值