定制网站VSCode配置JavaScript基于Node.js的调试环境

一、安装VSCode和Node.js

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

       定制网站再啰嗦一句,定制网站本文配置的环境主要针对单独JS文件的,定制网站主要是为了调试LeetCode里面的代码。

本人环境:

  • Visual Studio Code 1.66.0
  • Node.js 16.14.2
  • Windows10 64位

         VScode的下载就不多说了,主要记录一下Node的安装(其实以前安装过好多遍)。

  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的也不太好,现在又重新走了一遍搞个完整的。既然选择做技术了就得踏踏实实的做下去,不能爱一行干一行就得干一行尽量爱一行,冲!

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发