vscode 断点调试知乎_VSCode原理解析 断点调试

最新推荐文章于 2025-06-26 11:05:14 发布
原创 最新推荐文章于 2025-06-26 11:05:14 发布 · 959 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode 断点调试知乎

本文探讨了VSCode的调试功能，通过源码解析揭示了调试过程中的DAP（Debug Adapter Protocol）协议作用。DAP提供了一种抽象方式，使得开发工具能与调试器或运行时进行通信。通过实现调试适配器，不同调试器可以适应同一协议，简化了跨IDE的调试器支持。文章详细介绍了DAP的使用，包括视图层、消息通讯层、服务层和调试进程的实现，并展示了最终的调试效果。未来计划在Web和Electron环境中提供统一调试体验，并支持远程调试和多会话调试。

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

背景

今年年初，有幸参与了IDE 共建项目组, 打造阿里生态体系内的公共IDE底层，而作为一款面向开发者的IDE，调试能力的支持一定程度上决定着一款IDE的开发体验；VSCode作为微软体系下一款当前最热的IDE开发工具，在调试领域上的探索实践是很好的学习案例，有道是：借他山之石,逐已身之玉，故本文着力于分析VCode中调试功能的设计与实现，让后来的人可以较为简单的理解调试这件事情是如何做到的。

源码解析

了解VSCode中的实现，最简单的方式便是直接调试VSCode源码工程，到VSCode官方github下载对应源码工程；

调试技巧：在安装依赖后点击调试按钮，先点击Launch VS Code，待VSCode-OSS启动后打开一个简单的调试项目，再点击Attach to Extension Host对ExtensionHost进程进行调试，此时便可针对调试的核心代码进行调试了。

ba2b175336cd2dad8eafc72f400679ec.png

从时序图我们可以看出，整个调试的流程无非就是简单的视图层到调试进程间的通讯，调试的核心在于在多个调试器中实现了统一的数据传输协议，即DAP(Debug Adapter Protocol) 协议。

什么是DAP？

调试适配器协议(DAP)背后的想法是抽象开发工具的调试支持与调试器或运行时通信协议的方式。对于现有的调试器想要去快速去实现这套协议是不现实的，故我们宁愿去实现

最低0.47元/天 解锁文章

200万优质内容无限畅学
IT小魔女
关注
Win10 vscode 代码格式化设置与远程断点调试
lqw198421的专栏
03-08 1131
背景 公司的代码风格是Google，要求设置自动化格式；文龙和李泽分别在linux和windows下设置的，我参考了李泽的win10下的设置，结果踩了个大坑，浪费了整整一天； 过程 李泽提供的设置过程： 1.下载 官网下载vscode https://code.visualstudio.com/ ——重点说明：我就是这里踩了大坑，由于公司网络问题，从官网下载总是失败，所以就从其他网站上下了一个不用安装的绿色版；导致后面的格式化设置一直提示找不到clang，哪怕我手动安装了LLVM并把它加入到环境变量，能在w
VSCode-Zhihu:Zhihu扩展基于vscode构建
05-02
基于 VSCode 的知乎客户端提供包括阅读，搜索，创作，发布等一站式服务，内容加载速度比 Web 端更快，创新的 Markdown-Latex 混合语法让内容创作者更方便地插入代码块，数学公式，并一键发布至知乎平台。项目由 独立...
vscode中调试typescript
奋斗的小猪
10-28 928
调试步骤： 在要调试的ts文件目录下，添加调试配置’add configuration’会生成lauch.json文件，修改如下: { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "调试TS代码", // ts-node 命令： “直接”运行ts代码。 // 作用：调试时加载ts-no
【VSCode】Next.js项目断点调试配置(随记版)
最新发布
无限循环
06-26 233
本文介绍Next.js项目在VSCode中的快速设置Next.js项目的全栈调试环境
vscode docker golang debug_前端技术观察第11期 解密 VS Code 断点调试的原理
weixin_39661345的博客
11-25 287
《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：Highlights优秀的工具、库好的教程、深度解读已有技术的文章业界最新的技术、热点文章业界对(新)技术的深度地、优秀地实践TutorialTools And Codes《前端技术观察》的目的是让大家：更及时的了解到业界最新的技术受益于高质量的教程、文章了解业界更优秀的代码、工具更...
设置 VSCode+Vite+Vue3+ts 的断点调试
weixin_41245990的博客
06-21 4057
当前，Vite+Vue3+ts再结合一些优秀的UI框架，如Element plus，Ant design，Naive UI，移动端的Vant UI，是比较流行的前端技术之一。如何在vscode中 调试 Vite+Vue3+ts 的代码呢，今天我们一起来进行配置。首先，我们先配置ts的调试环境，再来配置Vue3的调试环境。
vscode+php+phpstudy：断点调试（f5后vscode无法继续下一步；浏览器无法断点，直接返回执行结果的解决方法）
1stPeak's Blog
05-28 3694
前言 以前用的phpstorm断点调试，今天突然想用vscode断点调试，就是不能继续执行断点下一步，都是如下图所示 看了诸多博客，步骤一样，就是不行，忙活了一下午，但最后终于还是成了，在这里记录一下 这里我是用的是vscode+phpstudy2018 1、设置phpstudy （1）其它选项菜单=>PHP扩展及设置=>PHP扩展=>选择Xdebug （2）其它选项菜单=>打开配置文件=>选择php.ini=>ctrl+f搜索XDebug=>添加如下代码，如有相
Mac Catalina系统 VScode C/C++ 代码调试 断点无效/不起作用
01-07
更新之后的第二天，发现打的断点无效了，调试如同直接运行。 百度没搜到，只有一个知乎的线索，但没多讲。顺藤摸瓜，开始磕VScode官方英语教程，附上链接 https://code.visualstudio.com/docs/cpp/config-clang-mac ...
知乎_最后一个不那么流氓的版本.apk
08-08
知乎_最后一个不那么流氓的版本.apk
zhihu_zse_06_22.js
06-22
x-zse-96算法(2021-06-22)
FE.BASE-vscode使用、原理、插件开发笔记
weixin_30460489的博客
05-15 426
使用 命令行使用 帮助：code --help 使用已经打开的窗口来打开文件：code -r 打开文件并滚动到特定行：code -r -g package.json:128 比较两个文件：code -r -d a.txt b.txt 接受管道符数据：ls | code - 图形界面、快捷键使用 光标移动至 单词开头/末尾 Ctrl + Left/Right, 代码块开头/末尾 Cmd + Sh...
vscode-vite：VS Code中的Vite快一步
03-03
Vite的VS代码 :high_voltage: Vite快一步 :high_voltage: 打开项目后立即启动开发服务器 :rocket: 无需离开编辑器即可预览/调试应用 opening在打开新项目时提示快速安装节点模块（ npm i yarn pnpm i ） :package: 一键式构建和服务 :counterclockwise_arrows_button: 一键重启服务器 :battery: 由提供支持 赞助商 该项目是我的一部分。 执照 麻省理工学院
关于VS Code 断点失效（断点变空心）
山不在高有仙则灵，水不在深有龙则灵
08-24 7590
问题：VS code 断点变成灰色空心
VS Code Firefox 调试器使用教程
gitblog_00092的博客
06-04 402
VS Code Firefox 调试器使用教程 1. 项目介绍 vscode-firefox-debug 是一个由 Mozilla Firefox 开发者工具团队开发的 VS Code 扩展，旨在帮助开发者通过 VS Code 调试在 Firefox 浏览器中运行的 JavaScript 代码。该扩展支持多种调试功能，包括断点、日志点、变量检查、表达式监视等，适用于调试 Web 应用程序和 Fir...
VSCode Firefox 调试器项目教程
gitblog_01170的博客
09-10 520
VSCode Firefox 调试器项目教程 1. 项目目录结构及介绍 vscode-firefox-debug/ ├── .github/ │ └── ISSUE_TEMPLATE/ ├── .vscode/ │ ├── launch.json │ └── settings.json ├── dist/ │ ├── extension.js │ └── ... ├── src...
vscode firefox xdebug 安装及配置
lsswear的专栏
01-29 764
vscode firefox xdebug
VSCode打断点
热门推荐
mygoes
03-31 3万+
VSCode打断点1、安装插件 `Debugger for Chrome`2、运行→启动调试 （或 F5 快捷键）3、选择环境 `Chrome`4、此时会出现 `launch.json` 配置文件5、鼠标单击行数左侧打断点6、全局安装 `http-server`7、运行`http-server`8、再次 运行→启动调试 （或 F5 快捷键）即可拦截断点处 以 VSCode IDE 、js代码、谷歌浏览器 为例。 1、安装插件 Debugger for Chrome 2、运行→启动调试 （或 F5
vscode调试教程和断点类型的介绍
bueryi的博客
03-06 2万+
vscode的调试过程以及不同断点类型的详细介绍
已触发了一个断点 vs_VSCode源码分析-断点调试
weixin_40003780的博客
11-20 647
背景今年年初，有幸参与了阿里集团IDE 共建项目组，打造阿里生态体系内的公共IDE底层，而作为一款面向开发者的IDE，调试能力的支持一定程度上决定着一款IDE的开发体验；VSCode作为微软体系下一款当前最热的IDE开发工具，在调试领域上的探索实践是很好的学习案例，有道是：借他山之石,逐已身之玉，故本文着力于分析VCode中调试功能的设计与实现，让后来的人可以较为简单的理解调试这件事情是如何做到的...
unet知乎_医学多模态图像分割小结
06-06
非常感谢您的提问，以下是我对于unet在医学多模态图像分割方面的小结： UNet是一种卷积神经网络，常用于医学图像分割。它的结构类似于自编码器，但不同的是在解码器中使用了上采样操作。UNet使用了跳跃连接，即将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值