返回顶部
首页 > 资讯 > 精选 >聊聊在VSCode中怎么配置JS基于Node.js的调试环境
  • 492
分享到

聊聊在VSCode中怎么配置JS基于Node.js的调试环境

VSCodevscode调试 2023-10-22 10:10:55 492人浏览 八月长安
摘要

vscode中怎么配置调试环境?下面本篇文章给大家介绍一下VSCode配置javascript基于node.js调试环境的方法,希望对大家有所帮助!一、安装VSCode和Node.js       前言:做科研之后确实很少会总结积累,可能是

vscode中怎么配置调试环境?下面本篇文章给大家介绍一下VSCode配置javascript基于node.js调试环境的方法,希望对大家有所帮助!

一、安装VSCode和Node.js

       前言:做科研之后确实很少会总结积累,可能是科研中出现的问题的解决方法比较多样灵活,别说了其实就是偷懒哈哈哈哈哈。这不又要做前端才又开始写博客记录环境配置了。行了不说废话了赶紧开始正文。

       再啰嗦一句,本文配置的环境主要针对单独js文件的断点调试,主要是为了调试LeetCode里面的代码。

本人环境:

         VScode的下载就不多说了,主要记录一下Node的安装(其实以前安装过好多遍)。【推荐学习:vscode教程编程教学】

  1. 首先去官网下载对应的版本:https://nodejs.org/en/
  2. 开始安装,可以自定义选择安装路径。
  3. 这里选择Add Path,系统变量会自动设置,但是用户变量并没有自动设置,需要的话可以自己手动加一下。
  4. 测试是否安装成功,在命令行输入node -vnpm -v,如果能显示出版本号说明安装成功,且已经有了正确的环境变量。

           用户变量嘛最好也手动自己添加一个比较稳妥,因为我之前没有加,有时候在VSCode中会出现node.js找不到路径的情况,虽然重启会解决问题,但是弹了两次我总觉得还有些不对劲,所以就还是加了一下,大家在安装的时候最好提前加一下。
  5. 到这里,Node.js安装完成

二、VSCode配置

  1. 先在VSCode里面安装两个插件,一个是负责运行的Code Runner,一个是JS的语法提示JavaScript(es6) code snippets
  2. 创建配置文件,打开你的代码文件夹,先随便创建一个test.js,随便写几句测试代码。然后点击左边侧边栏的调试工具,选择创建launch.JSON文件。
  3. 选择node.js调试环境,测试代码也可以用图里面的。
  4. 此时配置文件会自动生成,注意重点要修改一个地方,这里不要写死。将program属性改成${file},这样可以识别当前调试的文件,不需要每次都在这里更换文件名,调试哪个文件直接F5就OK。
  5. 到这里,其实就配置好了,此时的文件结构是这样的,可以直接在test.js文件打上断点,按F5进行调试

三、可能出现的问题

        如果配置完成之后启动调试VSCode报错:无法在Path上找到可运行的Node时,重启VSCode再进行调试就没问题了。

        一点小感慨:为了今年的秋招工作,前端的学习之路又开始了。工欲善其事,必先利其器,所以又要开始写配置环境的博客,不出所料的话下一篇要在VSCode里面配置Vue。以前在实习的时候写了一篇banlakeji的也不太好,现在又重新走了一遍搞个完整的。既然选择做技术了就得踏踏实实的做下去,不能爱一行干一行就得干一行尽量爱一行,冲!

更多关于VSCode的相关知识,请访问:vscode基础教程!

--结束END--

本文标题: 聊聊在VSCode中怎么配置JS基于Node.js的调试环境

本文链接: https://lsjlt.com/news/438034.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作