在vscode进行nodejs 断点调试

最新推荐文章于 2025-06-20 15:16:41 发布
原创 最新推荐文章于 2025-06-20 15:16:41 发布 · 4.4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode

本文介绍如何在VSCode中为Node.js项目设置断点调试。通过编辑launch.json文件指定program路径，轻松实现代码调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

打开vscode的nodejs 项目 ，打开launch.json 设置 program 路径 如下图：
这里写图片描述

这里写图片描述
切换debug视图 即可打断点
这里写图片描述

js逆向补环境-调试工具vscode与nodejs使用之无环境联调
十一姐的博客
07-09 9501
js逆向补环境时，经常会调试js，调试js依赖的环境可以选择nodejs和vscode，通过这篇文章可以简单了解到无环境联调的使用方法
NodeJS Debug & VSCode Debugger
guoqkmiss的博客
12-09 3270
NodeJS Debug & VSCode Debugger 一、Debugging 1、Debug 调试器 调试器配置管理； 调试器启动、停止、步进操作； 源代码、函数、条件、断点和日志点； 堆栈跟踪，多线程和多进程支持； 在视图和 hover 中浏览复杂的数据结构； 变量值显示在 hover 和源代码中； watch 表达式管理 自动完成的交互式评估的调试控制台。 2、开始调试 1. 创建一个 testvscodedebug 目录，在其中创建 index.js 文件 const a =
nodejs在vscode 中断点调试
xiasohuai的博客
05-25 8755
1.打开左边，调试小虫子 2.选择配置/选择环境Node.js 3.选择完成之后，生成一个.vscode文件夹，文件夹下有个launch.json文件。将【program】字段的值修改为自己程序的入口文件，开始调试时会从这个入口启动程序，我的程序的入口为server.js，修改如下： 4.修改完成后，点击绿色三角按钮，打断点，开始调试程序。 ...
node.js在vscode的配置
最新发布
hola173841439的博客
06-20 618
对于熟悉JetBrains产品的coder来说，当你切换到vscode工具时，会发现快捷及其难用，就算我记住了，长时间不用vscode又会忘记该命令，实在受不了我就寻找一劳永逸的方案。
nodejs调试使用vscode
sun007700的专栏
01-11 218
https://www.cnblogs.com/knightreturn/p/6480637.html https://www.cnblogs.com/ruoqiang/p/11675692.html 项目根目录下新建.vscode文件夹，同时该文件夹下新建launch.json文件 launch.json { "configurations": [ { "type": "node", "request": "l..
VScode断点调试出现unbound breakpoint（断点是灰色）问题
03-02 6357
是否遇到过这样的情况，写代码做调试的时候发现断点是灰色的，在VScode里用不了断点调试。 如果你把当前目录移动到工作区最上面，然后进行调试，你会发现其实调试就正常了。 那么 为什么呢？ 因为Live Server插件默认是以最接近工作栏作为本地服务器目录。比如我刚刚那个文件是存在中文目录，作为服务器目录直接以“./”相对路径作为浏览器url，这是以下的区别。 因此，经过我的反复测试，最终的问题是浏览器url不能存在中文目录，如果没有中文目录，则可以正常进行调试！ 解决方法： 当前执行文件（.ht.
VSCode中node.js如何断点调试
你，若盛开的专栏
08-06 4216
1、找到如图所示的按钮，点击如图位置，创建launch.json文件 2、选择node.js 3、自动生成并打开如下文件 4、将程序入口文件修改为当前项目的入口文件，保存 例如：该项目的入口的文件为app.js,将最后一行改为 "program": "${workspaceFolder}\\app.js" 5、关闭当前项目进程（如果之前没有启动的话，忽略此步骤） 此处以pm2开启的项目为例 pm2 delete 0 如报如下错误，就去对应位置删除掉pm2.ps1文件后，重新执行pm2 delete
VScode 单步断点调试Nodejs方法总结
FeelTouch Labs
02-29 2032
使用vscode开发nodejs程序，能够启动单步调试模式
vsCode与nodejs程序安装包.zip
02-25
2. **强大的调试工具**：内置调试器可以轻松地调试各种应用程序，支持断点、单步执行、变量查看等功能。 3. **集成终端**：用户可以在编辑器内部直接打开终端，方便进行命令行操作。 4. **Git集成**：内建的Git...
[Mac]VSCode调试JS代码断点失效问题
littleOneYuan的博客
07-14 2246
解决方案左上角：选择Run Current File
在vscode中对Node.js进行debug
ef_ef的博客
11-01 2482
先记住哪个是启动文件 2. 点击这个再点击这个 3. 点击这个 4. 点击这个 5. vscode会自动帮你创建出launch.json的debug配置文件 其中四个属性是最重要的, type, request, name 和 program type是语言的类型, 如PHP, Java, Node.js等 request是debug的类型, vscode中有两种debug类型, launch 和 attach, 我们只需要知道launch这种类型就够了 name是配置名, 用于区分不同的配置 prog..
vscode中断点调试nodejs实用方便
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
04-22 2436
前言 在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？ 配置 vscode打开node项目点击左侧调试按钮 点击Run and Debug 选择语言为nodejs 点击设置按钮添加配置 更改lanuch.json配置文件 添加自己的项目启动脚本文件和配置 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: htt
vue 在 vscode 中断点调试问题
iTrice的博客
06-24 3325
vue 在 vscode 中断点调试问题 <!-- 作者区域 --> <div class="author"> <a class="avatar" href="/u/ec16c7d18579"> <img src="//upload.jianshu.io/users/upload_avatars...
VSCode chrome断点调试遇到的坑
houzhyan-博客
08-10 6122
当我以为简单配置就可以实现断点调试时候, 意外的坑出现了: chrome弹出页面显示about:blank 然后提示: 无法连接到运行中的进程，将在10000毫秒后超时 前提是我已经按照配置教程原样操作:https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html 下面是解决方案: 原因是chrome没有设置默认主页about:...
vscode nodejs如何调试
04-02
### 如何在 VSCode 中调试 Node.js 应用程序 #### 下载并安装 Node.js 要开始调试 Node.js 应用程序，首先需要确保已正确安装 Node.js。可以通过访问官方站点下载最新版本的 Node.js 并完成安装[^1]。 #### 创建一个新的工作区 打开 Visual Studio Code (VSCode)，创建一个新的文件夹作为项目的工作区，并将其设置为当前工作目录。这一步可以确保所有的配置文件和源代码都存放在同一位置以便管理[^2]。 #### 配置 Node.js 环境 为了能够在 VSCode 中运行和调试 Node.js 庖丁解牛般的应用，需进行如下配置： - **启动配置**: 打开命令面板 (`Ctrl+Shift+P` 或 `Cmd+Shift+P`) 输入 “Open configurations”，选择 "Add Configuration..." 来生成 `.vscode/launch.json` 文件。 在此文件中定义调试器的行为模式。对于标准的 Node.js 脚本调试，可采用以下模板： ```json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "skipFiles": ["<node_internals>/**"], "program": "${workspaceFolder}/your-script.js" } ] } ``` 这里 `"${workspaceFolder}/your-script.js"` 是指代您的入口脚本路径，应替换为您实际的应用程序入口文件名。 #### 开始调试 一旦上述准备工作就绪，即可点击左侧活动栏中的调试图标（通常显示为一个虫子图标），然后从下拉菜单中选择之前命名好的调试会话名称（如上例中的 "Launch Program"）。接着按下绿色箭头按钮或者按快捷键 `F5` 启动调试过程。 在此过程中，您可以利用断点、监视表达式以及查看调用堆栈等功能来深入分析代码行为。 ```javascript // 示例 JavaScript 文件 your-script.js 的简单内容 function add(a, b) { return a + b; } console.log(add(2, 3)); ``` 当执行到特定行数时如果设置了断点，则会在该处暂停下来允许进一步检查变量状态等信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值