WWW.lllT.neT这篇文章内容给我们介绍一下应用vscode调试Node.js的超简单方式。有一定的实用价值,有须要的小伙伴可以参照一下,期待对各位有些协助。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

建议学习培训:《vscode教程》、《nodejs 教程》

使我们接受现实吧...调节 Node.js 一直是人们心目的痛。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

精准推送调节 Node.js 的困扰

假如你以前荣幸为 Node.js 新项目撰写编码,那麼当我讲调节它以寻找错误的位置并并不是非常简单的一件事时,你就知道我还在讨论哪些。

并不像电脑浏览器中的 JavaScript,都不像有相近 IntelliJ 那样强劲的 IDE 的 Java,你没法四处设定中断点,页面刷新或是重新启动c语言编译器,也没法渐渐地审查编码、查验目标、评定涵数、搜索突变或是忽略的自变量等。你没法那般去做,这真是太槽糕了。

但 Node.js 也是可以被调节的,仅仅必须多费些精力。使我们用心探讨这种可选方式,我能展现让你在我开发设计历经中碰到的非常简单调节方式。

调节 Node.js 的一些可选方式

有一些方法能调节有什么问题的 Node.js 程序流程。我将这种方式(包括详尽连接)都列在了下边。假如你有兴趣,可以去认识下。

  • Console.log() — 假如你以前撰写过 JavaScript 编码,那麼这一靠谱的预留程序流程确实不用进一步表述。它被内置在 Node.js 并在终端设备中打印出,如同内嵌到 JavaScript,并在电脑浏览器控制面板中打印出一样。

在 Java 语言表达下,它是 System.out.println()。在 Python 语言表达下,它是 print()。你搞清楚我的意思了吧。这也是最非常容易完成的方式,也是用加倍的行信息内容来“搞脏”整洁编码的更快方式 —— 但它(有时候)还可以协助你找到和恢复不正确。

  • Node.js 文本文档 —-inspect — Node.js 文本文档编写者自身搞清楚调节并不大简易,因此她们干了一些便捷的参照协助大家逐渐调节。

这很有效,可是老实巴交说,除非是你早已撰写了一段时间的程序流程,不然它并没有最非常容易破解的。他们迅速就进入了 UUIDs、WebSockets 和安全风险的圈套,我逐渐觉得手足无措。我内心想:一定有一种不怎么麻烦的办法来做这件事情。

  • Chrome DevTools — Paul Irish 在 2016 年制定了一篇相关应用 Chrome 微信开发工具调节 Node.js 的博闻(并在 2018 年升级)。它看上去十分简易,针对调节而言是一个较大的发展。

半小时以后,我确实不取得成功地将 DevTools 对话框联接到我的简易 Node 程序流程上,我不再那麼毫无疑问了。或许我只是不可以依照表明去做,可是 Chrome DevTools 好像让调节越来越比它应有的更繁杂。

  • JetBrains — JetBrains 是我最喜欢的软件公司之一,也是 IntelliJ 和 WebStorm 的业主之一。她们的专用工具有一个奇特的软件生态体系,直到近期,她们或是我的优选 IDE。

拥有那样一个技术专业客户基本,就产生了很多有价值的文章内容,他们调节 Node,但与 Node 文本文档和 Chrome DevTools 选择项相近,这并不易。你务必建立调节配备,额外已经运作的过程,并在 WebStorm 做好准备以前在首选项中开展很多配备。

  • Visual Studio Code — 这是我新的 Node 调节关键规范。我从来没有想过我能那么说,可是我彻底资金投入到 VS Code 中,而且精英团队所做的每一个新特征的公布,都使我更为钟爱这一 IDE。

VS Code 干了别的全部选择项在调节 Node.js 都没能保证的事儿,这让它越来越简单化简易。假如想要为你的调节越来越更高級,这自然也是可以的,可是她们把它溶解得充足简易,所有人都能够迅速入门并运作,无论你对 IDE、Node 和程序编写的英雄熟练度怎样。这棒极了。

配备 VS Code 来调节 Node.js

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

行吧,使我们来配备 VS Code 来调节 Node,逐渐配备它吧。

开启 Preferences > Settings,在输入框中键入 node debug。在 Extensions 菜单栏下应当会有一个叫 Node debug 的拓展。在这儿点一下第一个方块: Debug > Node: Auto Attach,随后设定下拉列表的选择项为 on。你如今几乎早已配备完成了。是的,这非常的简易。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

如今进到新项目文档,随后根据点一下文档的左侧栏,在你要想见到编码中止的地点设定一些中断点。在终端设备内键入 node --inspect <FILE NAME>。如今看,奇妙的事儿发生了...

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

VS Code 已经开展的编码调节

假如你必须一个 Node.js 新项目来检测它,可以下载我的 repo。它是用于检测应用 Node 传送很多数据信息的不一样类型的,可是它在这个演试中十分功能强大。

如果你敲打 Enter 键时,你的 VS Code 终端设备底端会变为橘色,表明你处在开发者模式,你的控制面板会打印出一些类似 Debugger Attached 的信息内容。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

如果你见到这一幕产生时,祝贺你了,你早已让 Node.js 运作在开发者模式下啦!

至此,你能在显示屏的左下方见到你设定的中断点(并且你能根据勾选框转换这种中断点的开启情况),并且,你能像在网页中那般去调节。在 IDE 的顶端核心有小小再次、步出、踏入、再次运作等按键,进而逐渐进行编码。VS Code 乃至用淡黄色突显了你早已终止的中断点和行,使其更易于被追踪。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

如果你从一个中断点转换到另一个中断点时,你能见到程序流程在 VS Code 底端的调节控制面板中打印出出一堆 console.log,淡黄色的突出显示也会随着一起挪动。

详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!

如你所看见的,伴随着程序流程的运作,调节控制面板导出的具体内容越多,中断点就越大,在这里全过程中,我能应用 VS Code 左上方的专用工具在当地范畴内探寻目标解析函数,如同我能在网页中探寻范畴和目标一样。非常好!

这非常简单,是吧?

汇总

Node.js 的调节不用像以往那般不便,也不用在代码库中包括 500 好几个 console.log 来找到 bug 的部位。

Visual Studio Code 的 Debug > Node: Auto Attach 设定使之变成以往,我对于此事非常感谢。

再过第几周,我将会写一些有关端到端检测的文章内容,应用 Puppeteer 和 headless Chrome,或是应用 Nodemailer 在 MERN 应用软件中密码重置,因此请关注我,以防错过了。

感激阅读文章,期待这篇文章能使你掌握怎样在 VS Code 的幫助下更非常容易、更合理地调节 Node.js 程序流程。特别感谢快给我的欢呼声和对于我文章内容的共享!

全文详细地址:https://itnext.io/the-absolute-easiest-way-to-debug-node-js-with-vscode-2e02ef5b1bad

全文创作者:Paige Niedringhaus

译文翻译永久性连接:https://github.com/xitu/gold-miner/blob/master/TODO1/the-absolute-easiest-way-to-debug-node-js-with-vscode.md

译员:iceytea

大量程序编写有关专业知识,请浏览:编程视频!!

以上便是详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:详细说明vscode中怎样更简易、合理地调节Node.js程序流程!!发布于2021-12-14 21:00:01