微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 开发工具 > VSCode > 正文

vscode中如何断点调试nodejs

青灯夜游
发布： 2021-05-14 11:24:57
转载
2930人浏览过

vscode中如何断点调试nodejs

在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？

配置

vscode打开node项目点击左侧调试按钮

image-20210422114604687

点击Run and Debug

image-20210422115211686

选择语言为nodejs

image-20210422115306221

点击设置按钮添加配置

image-20210422115355821

【推荐学习：《vscode教程》】

更改lanuch.json配置文件

image-20210422115449595

添加自己的项目启动脚本文件和配置

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "env": {
                "NODE_ENV": "development"
            },
            "program": "${workspaceFolder}/bin/www"
        }
    ]
}
//program这个是我自己的node项目的启动文件
登录后复制

再次点击断点调试按钮启动断点调试

image-20210422115727574

造点AI
造点AI

夸克 · 造点AI

造点AI 325
查看详情 造点AI

直接点击启动程序启动断点调试

image-20210422141138335

直接在代码左侧需要断点的位置打个断点标记，执行方法是会自动出发断点

image-20210422141453212

然后通过上面的调试按钮一步步断点

image-20210422141603851

鼠标悬浮还可以看到断点的数据

image-20210422141655187

当然也可在debug console控制台输出断点数据的结果 相当于浏览器断点是的console控制台

image-20210422141944344

如果要结束断点直接点击上面的暂停键

image-20210422141743539

以上就是整个vscode断点配置和断点调试的教程

更多编程相关知识，请访问：编程入门！！

以上就是vscode中如何断点调试nodejs的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode nodejs json 接口 console vscode

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：segmentfault网
收藏 点赞
上一篇：VScode如何禁止自动升级 下一篇：浅谈vscode中怎么搭建eslint开发环境
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
VSCode Markdown编辑全攻略：从写作到发布工作流 配置VSCode的Markdown工作流可提升写作效率。安装MarkdownAllinOne、MarkdownPreviewEnhanced、Prettier和CodeSpellChecker插件，设置字体、行高和格式化规则，实现自动补全、目录生成和拼写检查。使用分屏预览、TOC和任务列表进行结构化写作，插入代码块、Mermaid图表和LaTeX公式增强内容表达，通过右键导出PDF/HTML或结合Pandoc转换多格式，对接Hexo、GitHub等平台发布，配合Git管理版本，形成高效闭环。
2025-11-12 14:05:02
650
VSCode 时间线视图与本地历史记录管理 时间线视图是VSCode中用于查看文件变更历史的功能，集成Git提交记录与本地历史版本，支持查看、恢复和对比文件修改，通过安装“LocalHistory”扩展可增强本地快照管理，便于回溯单个文件演变过程，提升开发效率。
2025-11-12 13:11:02
839
vscode怎样对txt文件进行批量替换_txt文件内容全局替换详细方法 答案：使用VSCode的“在文件中查找和替换”功能，结合正则表达式与文件范围筛选，可高效批量处理TXT文件。通过Ctrl+Shift+F打开搜索面板，输入查找与替换内容，利用*.txt限定文件类型，启用正则模式实现精确匹配（如捕获组$1保留前缀），并预览修改结果。执行前需备份文件、明确包含/排除路径，先查找验证再替换，小范围测试确保准确性。此外，多光标编辑、扩展插件及集成终端命令（如sed）可进一步提升文本处理能力。
2025-11-12 13:07:33
548
VSCode片段(Snippets)创建与团队共享全攻略 VSCode代码片段可提升效率并统一团队编码规范。2.通过命令面板创建全局或语言专属片段，编辑JSON格式触发补全。3.项目级片段存于.vscode目录并提交Git，实现团队共享。4.片段文件可手动导出分发，成员导入后生效。5.建议命名清晰、前缀简短、添加描述，结合ESLint/Prettier确保代码风格一致。
2025-11-12 12:24:03
687
如何卸载32位vscode开发者版本_vscode32位开发版卸载与配置清理 先通过系统设置卸载VSCode32位开发者版，再手动删除AppData中的配置、扩展和缓存文件夹，可选清理注册表残留项，最后验证无残留进程与快捷方式，确保彻底清除。
2025-11-12 11:53:02
429
VSCode文件图标主题更换方法 首先打开VSCode的图标主题设置，通过菜单或快捷键Ctrl+Shift+P输入“Preferences:FileIconTheme”选择，浏览并选中如Seti、Minimal等内置主题即可即时应用，无需重启；若需更多样式可安装MaterialIconTheme等扩展，提升项目文件的可视化区分度。
2025-11-12 11:41:02
821
VSCode编辑器核心功能的底层实现原理 VSCode基于Electron架构，采用MonacoEditor实现高效文本编辑，通过LSP协议提供语言智能，结合Node.js访问文件系统，并以插件化扩展体系实现高性能与高可扩展性。
2025-11-12 10:55:02
823
精通VSCode命令面板的快速访问与自定义命令 掌握VSCode命令面板可显著提升效率，通过Ctrl+Shift+P或Cmd+Shift+P打开，支持快速执行操作、跳转文件符号、自定义任务及键盘快捷方式，结合搜索前缀和符号过滤技巧，实现高效无鼠标开发。
2025-11-12 10:55:02
611
vscode插件怎么下载社区推荐_vscode社区热门推荐插件下载与使用方法 通过扩展商店搜索高下载量、高评分插件并安装；2.可手动安装VSIX离线包；3.利用设置同步功能一键应用他人分享的热门插件配置，提升开发效率。
2025-11-12 10:33:37
588
如何卸载32位vscode并重装_vscode32位卸载后重新安装的完整流程 先彻底卸载旧版并清理残留文件，再下载32位安装包重新安装。1.通过控制面板卸载程序，删除AppData中的Code文件夹和.vscode目录；2.官网下载32位SystemInstaller版本；3.安装时勾选添加到PATH、创建快捷方式和关联文件类型；4.可选恢复配置或同步扩展与设置，确保干净运行。
2025-11-12 10:03:17
332
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部