聊聊在VSCode中怎么设置JS基于Node.js的调试情形
vscode中怎么设置调试情形？下面本篇文章给各人先容一下vscode设置javascript基于node.js调试情形的要领，希望对各人有所资助！
一、装置VSCode和Node.js
前言：做科研之后确实很少会总结积累，可能是科研中泛起的问题的解决要领较量多样无邪，别说了着实就是偷懒哈哈哈哈哈。这不又要做前端才又最先写博客纪录情形设置了。行了不说空话了赶忙最先正文。
再啰嗦一句，本文设置的情形主要针对单独JS文件的断点调试，主要是为了调试LeetCode内里的代码。
自己情形：
Visual Studio Code 1.66.0
Node.js 16.14.2
Windows10 64位
VScode的下载就未几说了，主要纪录一下Node的装置（着实以前装置过很多若干遍）。【推荐学习：vscode教程、编程教学】
首先去官网下载对应的版本：https://nodejs.org/en/
最先装置，可以自界说选择装置路径。
这里选择Add Path，系统变量会自动设置，可是用户变量并没有自动设置，需要的话可以自己手动加一下。
测试是否装置乐成，在下令行输入node -v和npm -v，若是能显示出书籍号说明装置乐成，且已经有了准确的情形变量。
用户变量嘛最好也手动自己添加一个较量稳妥，由于我之前没有加，有时间在VSCode中会泛起node.js找不到路径的情形，虽然重启会解决问题，可是弹了两次我总以为尚有些差池劲，以是就照旧加了一下，各人在装置的时间最好提前加一下。
到这里，Node.js装置完成
二、VSCode设置
先在VSCode内里装置两个插件，一个是认真运行的Code Runner，一个是JS的语法提醒JavaScript(ES6) code snippets。
建设设置文件，翻开你的代码文件夹，先随便建设一个test.js，随便写几句测试代码。然后点击左边侧边栏的调试工具，选择建设launch.json文件。
选择node.js调试情形，测试代码也可以用图内里的。
此时设置文件会自动天生，注重重点要修改一个地方，这里不要写死。将program属性改成${file}，这样可以识别目今调试的文件，不需要每次都在这里替换文件名，调试哪个文件直接F5就OK。
到这里，着实就设置好了，此时的文件结构是这样的，可以直接在test.js文件打上断点，按F5举行调试
三、可能泛起的问题
若是设置完成之后启动调试VSCode报错：无法在Path上找到可运行的Node时，重启VSCode再举行调试就没问题了。
一点小感伤：为了今年的秋招事情，前端的学习之路又最先了。工欲善其事，必先利其器，以是又要最先写设置情形的博客，不出所料的话下一篇要在VSCode内里设置Vue。以前在实习的时间写了一篇banlakeji的也不太好，现在又重新走了一遍搞个完整的。既然选择做手艺了就得踏扎实实的做下去，不可爱一行干一行就得干一行只管爱一行，冲！
更多关于VSCode的相关知识，请会见：vscode基础教程！
以上就是聊聊在VSCode中怎么设置JS基于Node.js的调试情形的详细内容，更多请关注本网内其它相关文章！
