一、为啥要用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应用
搞定launchpad.json文件后,让你的Node.js项目在VSCode里飞起来!点下”运行”就能搞定,VSCode帮你搞定所有。想看看程序输出结果?直接去终端瞅瞅;想看后台什么样?用浏览器访问localhost:3000那不就成了吗?
搞定app之后,咱俩就可以开始玩!随便找个地方设个断点,把程序跑起来,它自己会停在那个位置的。这时候就能看到各种变量长什么样,理解代码究竟在干什么事情了。
七、设置断点
想调试程序吗?用VSCode的断点把光标放在要停下的那行代码那儿,程序就可以暂时停止了。这样你就可以查看当前变量的状态,还能研究一下代码是怎么执行的哟~
想要停在某个地方,设个断点再说,然后启动应用。到那时候,遇到断点你会被截住,这时候,看看调试窗口里的变量值跟调用堆栈,有问题的地方一下子就看出来了。这样一搞,理解代码运行流程就简单多了!
八、监视变量
注意,别忘了监控你的变量!在VScode里头有个“监视”小窗口,把感兴趣的变量放进来瞅瞅它怎么变。这样,程序的细节你就能看得清清楚楚了~
别盯着那调节器了,直接去你要用的程序那里找到要监控的变量。然后点一下右击,选“添加到监控”就好!这样就能看到监控窗口上的数值了,随时随地都能关注到!
九、跟踪调用栈
看看VSCode里面那叫“调用堆栈”的东西,它能告诉你现在在哪个地方运行着。学会看这个,你就可以更好地理解函数是怎么运作的了,找代码流程也方便多!
碰到难懂的逻辑绕不过来?不用慌,瞅瞅调用栈,立马知道哪儿出了问题。查查错、修理程序,就是这么简单!
十、模拟异常
调试时别忘了模拟异常!用VSCode设个断点加点小破坏,看看你的代码咋处理嘛。
你试试故意搞乱程序看它咋处理,这样就差不多知道它是咋运作滴~即使代码有点小毛病,这个系统还是挺靠谱的,能提高整个系统的稳定性!
总结:
我教你一招,用VSCode调试Node.js代码超好用。把程序停在想要知道的地方,看看变量值,这样写起来就像玩游戏一样爽,再也不会疑惑为啥程序运行这结果。写起代码溜得飞起哦~
快来聊聊,你最爱VSCode的哪项调试功能?赶紧到评论区分享给大伙儿!
评论0