如何在 VS Code 中成功调试 Node.js 应用并获取响应

如何在 VS Code 中成功调试 Node.js 应用并获取响应

点击调试面板中的运行按钮,即可启动我们的Node.js应用。Code中单击代码行号,可以设置断点。跟踪调用栈:调试器可以跟踪代码执行的调用栈,我们可以在调用栈中查看每个函数的调用过程。Code中运行Node.js的基本操作方法,以及调试No

一、为啥要用VSCode调试Node.js?

老实说,VSCode真的是超好用的开发工具!尤其适用于Node.js开发,调试超级简单。界面干净利落,功能非常实用,写程序时就是爽!想象下,喝着咖啡琢磨代码,还能随时查看变量值,这种编程感觉简直太棒了!

用VSCode调试,像个大神似的!加点断点,看看调用栈,立马就能找出问题在哪儿。再利用那些好用的小工具,想怎么调就怎么调,太棒了!

npm install -g node-inspect

二、怎么在VSCode中打开终端?

敲几下Ctrl+`,然后点“终端”,再选“新建终端”。新窗口是不是出现在编辑器边?这下子干啥都方便多了~

搞定Node.js调试?那你得先安装个终端软件。比如,输入’npminstall-gnode-debug’这行代码,轻轻松松把这调试大杀器带回家。别忘了调整下调试环境!

三、安装Node.js的调试工具

首先,我们需要装个Node.js的调试工具Node-Debug。只要在你电脑桌面上输入’npminstall-gnode-debug’就可以!这步操作就是让电脑自己去找调试工具,然后给你安装上~虽然可能有点儿慢,不过别担心,跟你家网速有关

搞定没?敲一下`node-debug-v`,看到输出里有个版本号就行!接着赶紧去搞定VSCode的调试器设置。

四、进入调试模式

你会用VScode调试程序?超简单!按下F5,或者找左边的那个调试按钮,立马弹出调试窗口哦~

首先用VSCode选getNode.js这样它就给你自动装好了调试环境。然后,咱们就看看launch.json文件咋整。

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "restart": true
}

五、配置launch.json文件

你听过launch.json吗?这货就是在VSCode里帮咱们搞定代码问题的好帮手,像指路文件去哪儿,给环境加点料等等。这么说来,你心动了没?别急,首先,打开调试菜单,看到那个齿轮图标没?点击它选择Node.js,搞定!

首先,我们得在launch.json里加个叫’LaunchProgram’的东西。这就是让VSCode知道你要启动哪个Node.js程序。然后,按下调试框里那个绿三角,VSCode就能自动帮咱们搞定启动

六、启动Node.js应用

如何在 VS Code 中成功调试 Node.js 应用并获取响应

搞定launchpad.json文件后,让你的Node.js项目在VSCode里飞起来!点下”运行”就能搞定,VSCode帮你搞定所有。想看看程序输出结果?直接去终端瞅瞅;想看后台什么样?用浏览器访问localhost:3000那不就成了吗?

搞定app之后,咱俩就可以开始玩!随便找个地方设个断点,把程序跑起来,它自己会停在那个位置的。这时候就能看到各种变量长什么样,理解代码究竟在干什么事情了。

七、设置断点

想调试程序吗?用VSCode的断点把光标放在要停下的那行代码那儿,程序就可以暂时停止了。这样你就可以查看当前变量的状态,还能研究一下代码是怎么执行的哟~

想要停在某个地方,设个断点再说,然后启动应用。到那时候,遇到断点你会被截住,这时候,看看调试窗口里的变量值跟调用堆栈,有问题的地方一下子就看出来了。这样一搞,理解代码运行流程就简单多了!

八、监视变量

注意,别忘了监控你的变量!在VScode里头有个“监视”小窗口,把感兴趣的变量放进来瞅瞅它怎么变。这样,程序的细节你就能看得清清楚楚了~

别盯着那调节器了,直接去你要用的程序那里找到要监控的变量。然后点一下右击,选“添加到监控”就好!这样就能看到监控窗口上的数值了,随时随地都能关注到!

九、跟踪调用栈

看看VSCode里面那叫“调用堆栈”的东西,它能告诉你现在在哪个地方运行着。学会看这个,你就可以更好地理解函数是怎么运作的了,找代码流程也方便多!

碰到难懂的逻辑绕不过来?不用慌,瞅瞅调用栈,立马知道哪儿出了问题。查查错、修理程序,就是这么简单!

十、模拟异常

调试时别忘了模拟异常!用VSCode设个断点加点小破坏,看看你的代码咋处理嘛。

你试试故意搞乱程序看它咋处理,这样就差不多知道它是咋运作滴~即使代码有点小毛病,这个系统还是挺靠谱的,能提高整个系统的稳定性!

总结:

我教你一招,用VSCode调试Node.js代码超好用。把程序停在想要知道的地方,看看变量值,这样写起来就像玩游戏一样爽,再也不会疑惑为啥程序运行这结果。写起代码溜得飞起哦~

快来聊聊,你最爱VSCode的哪项调试功能?赶紧到评论区分享给大伙儿!

原文链接:https://www.icz.com/technicalinformation/web/2024/07/19033.html,转载请注明出处~~~

0

评论0

请先

注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
没有账号? 注册  忘记密码?