【vscode】如何开启调试nodejs程序调试js脚本

最新推荐文章于 2024-07-19 11:21:48 发布
最新推荐文章于 2024-07-19 11:21:48 发布
阅读量3.2k 收藏 2
点赞数 2
分类专栏： NodeJs 文章标签： vscode javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zs1028/article/details/128823441
版权

vscode调试Node.js的超简单，vscode调试默认是关闭的，接下来讲一下，怎么用vscode工具打开。

Visual Studio Code

  • Version 1.74.3
  • OS: Window_NT x64 10.0

依次点击File→Preferences→Settings，如下图
在这里插入图片描述

设置项太多不好翻找，直接在搜索框输入关键词 javascript debug，出现如下图
在这里插入图片描述

把其中的Debug项 默认的 disabled 切换成 onlyWithFlag 保存设置即可

接下来，给脚本代码加上断点(编程器左边的红点)，如下图，运行调试，就点左边的运行按钮，再点击按钮JavaScript Debug Terminal运行
在这里插入图片描述

在出现的终端下直接输入命令node test即可，test是脚本文件，这下调试效果有了，如下图所示
在这里插入图片描述
这下终于能愉快的调试JavaScript代码了！
请添加图片描述

TA远方
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
VScode 单步断点调试Nodejs方法总结
FeelTouch Labs
02-29 1219
使用vscode开发nodejs程序，能够启动单步调试模式
推荐：高效JavaScript调试利器——vscode-js-debug
gitblog_00081的博客
05-13 580
推荐：高效JavaScript调试利器——vscode-js-debug 项目地址:https://gitcode.com/microsoft/vscode-js-debug 在开发过程中，拥有一款强大的JavaScript调试工具至关重要。今天，我们向您推荐的是一个基于[DAP（Debug Adapter Protocol）]的开源项目——vscode-js-debug。它不仅支持Node.j...
新手入门级 | nodejs调试
zkaq7777777的博客
05-30 1939
1，安装nodejs，这个直接网上找教程就行2，安装vscode3，我是直接在nodejs安装路径下，创建了一个app文件，然后在里面写js代码的。然后接下来，就是写代码，进行调试，以下代码是让node监听33456端口，然后，获取file参数，返回指定文件内容的一个功能。
使用Visual Studio Code对Node.js进行断点调试
u010227042的博客
11-02 514
转载地址：http://cnodejs.org/topic/58f376fec749f63d48fe9548 今天就要给大家安利一下在VScode上进行断点调试的方法。 VScode除了out-of-box支持JavaScript和TypeScript，还支持Node.js调试，简直就是为前端工程师而生的，对不对… 要调试Node.js的前提是，你的电脑上已经安装了Node.js的环境。 什么？怎么安装Node.js?给你一点小提示：打开百度，搜索【安装Node.js】，好了，不能提示更多了。
[从零开发JS应用] 如何在VScode中配置Javascript环境，常见的调试方法有哪些？
热门推荐
Viviane_2022的博客
09-21 1万+
在程序有BUG/缺陷，需要修复时，断点调试是发现缺陷的重要方法。对于初学者而言，断点调试还有另外一个用途：帮助理解程序背后的逻辑。本文以下述程序为例，讲述在Visual Studio Code中的断点调试方法。
vscode调试node.js项目
仗剑天涯，从摘要开始
03-10 2698
vscode调试node.js项目一般有三种情况： 1.vscode启动调试服务端，直接运行要调试的入口文件，开发时比较适合，目前好像只能运行js文件，ts文件可能有点难度 2.远程调试，需要远程服务端以调试模式先运行起来，然后本地根据host、post连接远程调试服务器 3.本地根据进程调试，需要本地服务端先运行起来，然后本地根据进程id附加到指定进行调试，不需要服务端以调试模式运行 vscod...
如何在vscode里调试nodejs
徐同保的专栏
04-23 1129
如何在vscode里调试nodejs
在vscode终端运行nodejs文件
qq_69292284的博客
02-13 5442
在vscode终端运行nodejs文件的2种不同的方法
详解使用vscode+es6写nodejs服务端调试配置
10-19
本文将详细介绍如何配置VSCode，以便使用ES6编写Node.js服务端代码并进行调试。 首先，我们需要在项目根目录下创建`.babelrc`文件，用于配置Babel。在这个文件中，我们可以定义Babel的预设(presets)，例如`"es2015...
详解使用Visual Studio Code对Node.js进行断点调试
10-19
Visual Studio Code（VSCode）作为一个轻量级且功能强大的代码编辑器，提供了内置的Node.js调试支持，使得在服务端JavaScript代码的调试变得更加便捷。下面我们将详细探讨如何在VSCode中设置和使用断点调试Node.js...
nodejs-test
03-31
这个名为 "nodejs-test" 的项目很可能是一个简单的 Node.js 应用程序测试框架或者示例代码库，用于教学或者实践 Node.js 的基本操作和特性。 在 Node.js 中，JavaScript 不再仅仅局限于浏览器端，而是可以处理网络...
Chat-Whiteboard:在 Nodejs 中创建的聊天和白板应用程序
06-17
JavaScript 既是客户端脚本语言，也是 Node.js 的服务器端语言，负责处理客户端和服务器端的逻辑。 5. **前端框架**：虽然没有具体提及，但项目可能使用了某种前端框架，如 React 或 Vue.js，来构建用户界面。这些...
nodejs
03-28
8. **性能监控与调试**：Node.js 提供了内置的性能监控工具，如 `process.memoryUsage()` 可以查看内存使用情况，`--inspect` 参数则用于开启调试器，配合 VSCode 或 Chrome DevTools 进行源代码调试。 9. **进程与...
【nodejs学习笔记】nodejs之debugger：用VSCode和inspect协议两种方式
种一棵树最好的时间是十年前，其次是现在。
10-24 2154
本文简单记录了nodejs进行debugger的两种方式：一是用VSCode，二是基于inspect协议。
VS Code使用系列 -- 在浏览器中调试javascript（browser app）
Justinjiang1314的博客
02-09 1640
环境安装 插件1：Live Server 插件2：JavaScript Debugger 使用步骤 1，从状态栏启动Live Server（点击“Go Live”） 如果状态栏被隐藏，从工具栏中打开状态栏： 2，在浏览器中通过devTool，调试Html+javascript 打开要调试Html（其中包含对应的javascript脚本），点击右键，在浏览器中打开页面。之后就可以通过DevTool进行调试了（console.log，debugger等方式） 3，在VSC..
NodeJs之调试
lmrylll的博客
05-16 909
上面是不是说的有点晕？没事，我们来总结一下几个步骤。第一：使用启动界面调试工具，并在页面打开连接port=5858第二：使用启动我们的应用,并在第一行断点，方便我们调试。
vscode 调试node cli的三种方式
Young的博客
12-08 715
A是运行项目， B是脚手架项目 方式一: 通过program 在B项目通过program(一般用来直接调试项目脚本) { "name": "Launch Program", "program": "${workspaceFolder}/app.js", "request": "launch", "skipFiles": [ "<node_internals>/**" ],
如何在vscode中使用自带的工具调试js代码
奔跑的小猪仔
07-01 1054
在项目目录下打开这个json文件 修改为如下： "configurations": [ { "type": "node", "request": "launch", "name": "Launch Places", "program": "${workspaceFolder}\\te.js" //改成对应的要调试的文件名 } ] ......
vscode launch.json和 tasks.json内部变量，ts debug问题
最新发布
07-19 587
2. .vscode/lauch.json的配置, 并且添加sourceMapPathOverrides 路径映射, 打开编译出的map file,1. tsconfig.json 问题配置sourceMap选项, chrome和node能根据编译出的js 和map 文件，对应到原来ts文件.${workspaceRoot} 已经不用了？改用${workspaceFolder}？看到路径开关是什么，以它作为key, 工程中ts路径为value。ts 在vscode下debug.
vscode nodejs 调试
09-05
通过使用VSCode来调试Node.js应用程序，你可以按照以下步骤进行操作： 1. 首先，你可以在你的JS代码中设置断点。你可以通过在终端中输入命令`node --inspect index.js`来启动Node.js进程，并且会输出一个调试地址。 2. 在VSCode中，你可以点击左侧的虫子图标打开调试面板，然后点击绿色的三角形按钮来开始调试。这将连接到Node.js的WebSocket服务，启动调试。 3. 一旦调试已经开始，你可以在VSCode中使用调试工具来逐行执行代码并监视变量的值。你还可以使用断点来暂停代码的执行以便进行调试。 如果你想调试Node.js的C源码或者Addon的C代码，可以按照以下步骤进行操作： 1. 首先，你需要在VSCode中点击调试按钮来进入调试模式。 2. 在VSCode中调试C代码时，你需要等待Node.js启动流程完成后，系统会输出一个调试JS的地址。 3. 然后，你可以在浏览器中连接到WebSocket服务，以便通过VSCode进行C代码的调试。 通过上述步骤，你可以在VSCode中方便地进行Node.js应用程序的调试，无论是JS代码还是C代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *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_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TA远方

谢谢！收到你的爱╮(╯▽╰)╭

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值