vscode如何开启调试node

已于 2022-03-02 23:03:25 修改
阅读量1.4k 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2022-03-02 22:43:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42722914/article/details/123242267
版权

由于node在服务器的js，在浏览器是无法调试的，可以借助于vscode来开启调试

首先点击vscode左侧的运行与调试按钮，文件夹的位置会出现运行和调试按钮，点击它，出现如图所示
在这里插入图片描述

选择显示所有自动调试配置，选择添加配置 选择node.js
在这里插入图片描述
选择你需要的命令
在这里插入图片描述
点击运行

如图所示
在这里插入图片描述
左侧变量为当前单步骤的所处的变量，堆栈是调用的函数，右上方为单步骤跳动与断点与断点的跳动，右下方是用鼠标点击的断点

weixin_42722914
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode-node-debug, node的vs 代码调试适配器.zip
10-10
vscode-node-debug, node的vs 代码调试适配器 node 调试( legacy ) 这里扩展与 Visual Studio 代码捆绑在一起，同时还带有收费的node 调试表表，它可以。node 调试( 旧的) 是 node.js 版本 <8.0的调试器。请参见这里的
NodeJS Debug & VSCode Debugger
guoqkmiss的博客
12-09 2770
NodeJS Debug & VSCode Debugger 一、Debugging 1、Debug 调试器 调试器配置管理； 调试器启动、停止、步进操作； 源代码、函数、条件、断点和日志点； 堆栈跟踪，多线程和多进程支持； 在视图和 hover 中浏览复杂的数据结构； 变量值显示在 hover 和源代码中； watch 表达式管理 自动完成的交互式评估的调试控制台。 2、开始调试 1. 创建一个 testvscodedebug 目录，在其中创建 index.js 文件 const a =
如何在vscode里调试nodejs
徐同保的专栏
04-23 707
如何在vscode里调试nodejs
vscode配置nodejs
ybb_ymm的专栏
06-01 4712
npm ERR!‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序今天在使用vscode开发前端项目的时候，报错如上所示，提示了npm无法使用！之前我们总结过windows下通过nvm安装切换nodejs，这里就不再赘述，这里主要将vscode中如何配置node来配置一下。
vscode调试代码，效率提升20%
Web面试那些事儿的博客
11-02 502
按钮从左到右功能依次为：按钮1：运行/继续 F5，直接跳转到下一断点；按钮2：单步跳过(又叫逐过程) F10，按语句单步执行。当有函数时，不会进入函数；按钮3：单步调试（又叫逐语句） F11：当有函数时，点击这个按钮，会进入这个函数内；按钮4：单步跳出 ⇧F11:如果有循环，点击该按钮，会执行到循环外面的语句；按钮5：重启 ⇧⌘F5；按钮6：停止 ⇧F5。
vscode调试Node.js指南
标子 的专栏
08-25 1524
1 调试JS { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach",
在ubuntu安装vscode及Proteus仿真运行stm32程序
ybxiaokeai的博客
11-09 454
在ubuntu安装vscode及Proteus仿真运行stm32程序一、安装vscode1. 网页下载deb安装包2. 在命令行中安装3. 在命令行执行二、Proteus仿真运行stm32程序1、创建工程2、配置实验所需原件3、keil 5中生成hex文件4、配置芯片5、实验结果 一、安装vscode 1. 网页下载deb安装包 https://code.visualstudio.com/Download 点击下方如图所示.deb 64 bit下载安装 2. 在命令行中安装 输入代码： |sudo dp
js逆向补环境-调试工具vscode与nodejs使用之无环境联调
十一姐的博客
07-09 6233
js逆向补环境时，经常会调试js，调试js依赖的环境可以选择nodejs和vscode，通过这篇文章可以简单了解到无环境联调的使用方法
vscode在node环境中如何调试
web
01-10 603
1.在vscode编辑器中，点击左侧的小图标。创建launch.js文件（这个文件创建好以后会在项目的.vscode文件下）配置文件内容如下，我们只需要关注program字段，这是入口文件，写绝对路径就行。5. 如果调试出现问题，页面只是闪现，未能暂停到打断点位置，检查路径是否正确。打断点，给需要调试的地方打断点。点击按钮启动调试就OK了。
VSCode左侧文件栏隐藏node_modules
ljy123w的博客
12-08 1341
使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题： settings.json配置如下，可以自己定制忽略的文件夹：
vscode调试node.js项目
仗剑天涯，从摘要开始
03-10 2477
vscode调试node.js项目一般有三种情况： 1.vscode启动调试服务端，直接运行要调试的入口文件，开发时比较适合，目前好像只能运行js文件，ts文件可能有点难度 2.远程调试，需要远程服务端以调试模式先运行起来，然后本地根据host、post连接远程调试服务器 3.本地根据进程调试，需要本地服务端先运行起来，然后本地根据进程id附加到指定进行调试，不需要服务端以调试模式运行 vscod...
vscode 调试 node.js的方法步骤
12-16
那么，如果遇到需要写 node 相关的代码，比如 webpack 配置项，应该怎么调试来实现我们的需求呢？ VS Code 配置 在 VS Code 中单独有 debug 的菜单，需要指定 launch.json 文件，该文件为 VS Code 提供启动调试所需...
vscode调试node.js的实现方法
12-20
打开Chrome开发者工具；点击进入Sources标签页，在页面的左侧就能看到JS代码的目录；找到需要设置断点的源文件，在需要中断的哪行代码左侧单击鼠标左键，就可以设置断点，如果你的代码是uglify过的，则需导入相应的...
详解如何在vscode里面调试js和node.js的方法步骤
10-17
主要介绍了详解如何在vscode里面调试js和node.js的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【vscode】如何开启调试nodejs程序调试js脚本
TA远方
02-04 3144
vscode调试Node.js的超简单，vscode调试默认是关闭的，接下来讲一下，怎么用vscode工具打开。
VSCode如何调试Nodejs
lemon今天学习了吗？的博客
07-24 7569
调试的重要性不言而喻，方法也是五花八门，这里只介绍一种vscode上的简单又直观的方法。方法二通过添加配置文件launch.json来调试；1.切换到debugge模式，直接断点调试；
vscode使用attach process调试进程
wade1010的专栏
01-30 2296
s3fs vscode
VSCode 远程开发调试、附加进程调试
weixin_41111116的博客
08-17 1411
VSCode 远程开发调试 附加进程调试
vite+ts+mock+vue-router+pinia实现vue的路由权限
最新发布
beekim的博客
05-20 371
vite.config.ts配置。
vscode nodejs 调试
09-05
- *1* *2* *3* [vscode调试Node.js指南](https://blog.csdn.net/THEANARKH/article/details/119874093)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值