聊聊在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的调试情形的详细内容 ，更多请关注本网内其它相关文章！
