VSCode配置JavaScript基于Node.js的调试环境
一、安装VSCode和Node.js
前言:做科研之后确实很少会总结积累,可能是科研中出现的问题的解决方法比较多样灵活,别说了其实就是偷懒哈哈哈哈哈。这不又要做前端才又开始写博客记录环境配置了。行了不说废话了赶紧开始正文。
再啰嗦一句,本文配置的环境主要针对单独JS文件的断点调试,主要是为了调试LeetCode里面的代码。
本人环境:
- Visual Studio Code 1.66.0
- Node.js 16.14.2
- Windows10 64位
VScode的下载就不多说了,主要记录一下Node的安装(其实以前安装过好多遍)。
- 首先去官网下载对应的版本:
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配置JavaScript基于Node.js的调试环境相关推荐
- VSCode配置JavaScript基于Node.js环境
1. 安装 Node.js 官网下载对应的版本:https://nodejs.org/en/ 可以自定义安装路径 测试是否安装成功,在命令行输入node -v 和 npm -v,如果能显示出版本号说明 ...
- 保姆级教程:Linux(Ubuntu 18.04)下VSCode配置与嵌入式开发平台X2000_Halley5调试环境搭建
保姆级教程:Linux(Ubuntu 18.04)下VSCode配置与嵌入式开发平台X2000_Halley5调试环境搭建 写在前面 配置VSCode的编译环境 配置VSCode的gdb调试环境 配置 ...
- NGINX配置基于Node.js服务的负载均衡服务器
NGINX配置基于Node.js服务的负载均衡服务器 本部署指南说明了如何使用NGINX开源和NGINX Plus在Node.js应用程序服务器池之间平衡HTTP和HTTPS通信.本指南中的详细说明适 ...
- Node.js毕业设计——基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现(毕业论文+程序源码)——供求信息网站
基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于Node.js+JavaScript+MongoDB的供求信息网站设计 ...
- 基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 编码规范)
主题内容:基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 代码规范) 背景描述:上一篇 基于 Node.js + Koa 构建完整的 Web ...
- 基于node.js开发环境下创建及开发vue.js项目的环境配置骤
基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...
- 认识Web前端、Web后端、桌面app和移动app新开发模式 - 基于Node.js环境和VS Code工具...
认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具 一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm ...
- 基于Node.js平台的Express教程
基于Node.js平台的Express教程 Express 简介 什么是 Express Express 能做什么 Express 的基本使用 安装 Express 创建基本的 Web 服务器 监听 ...
- Node.js安装及环境配置之Windows篇
一.安装环境 1.本机系统:Windows 10 Pro(64位) 2.Node.js:v12.14.1(64位) 二.安装Node.js步骤 1.下载对应你系统的Node.js版本: https: ...
最新文章
- Android WebView使用
- linux定期清理日志文件
- C++调用Matlab 注意事项
- PyCharm编辑器的安装
- Synology DS213J 群晖NAS git server架设方法!
- Python学习路程day9
- Gcc编译选项 -E
- 微信抽奖系统源码 v3.0
- 高性能MySQL(呕心沥血整理万字长文)
- 初步认识ADRC(自抗扰控制)与应用
- 安信可推荐 | 安信可ESP-C3模组和ESP32-S3模组的软件和硬件对比区别
- SQL语句:联合查询
- vuecli3.0用scss写响应式网页,封装简单的百分比换算函数
- CATIA二次开发—定制搜索功能
- macbook重装系统 选择方案_Mac重装系统详解,教你mac抹掉磁盘重装系统!
- 学习笔记_循环语句的嵌套
- 小鸡小猪大历险java_小鸡和小猪
- 如何删除PDF文件中其中一页?
- 最新steam rpgmz dlc有新技能新人物,有兴趣么?
- 个人案例 装修公司官网