监视面板需手动拖拽嵌入侧边栏：先启动调试，点击“运行和调试”图标，展开watch区域，悬停标题栏呈四向箭头后拖至侧边栏空白处松手；debug.toolbarlocation设为docked仅固定顶部调试按钮，不影响监视面板位置。
Debug 面板默认是浮动的，但 VSCode 并没有“监视面板固定在侧边栏”的独立开关——它实际依赖于 debug.toolBarLocation 配置和整体面板布局逻辑。你真正要操作的是让调试工具栏（含监视、变量、调用堆栈等）稳定停靠在侧边，而不是弹出或悬浮。
为什么改了 debug.toolBarLocation 没反应？
这个配置只控制调试工具栏（即顶部那排“继续”“步进”按钮）的位置，不影响监视（Watch）、变量（Variables）等面板本身的停放位置。监视面板属于 debug 视图容器的一部分，它的停靠行为由 VSCode 的视图区域管理机制决定，不是靠单个 setting 控制的。
常见误操作包括：
- 只改了
debug.toolBarLocation为docked，但没拖动或重置视图布局 - 在调试会话未启动时尝试拖拽监视面板——此时它不可见或不可拖动
- 使用了第三方主题或布局插件，覆盖了默认视图行为
手动把监视面板拖进侧边栏的实操步骤
VSCode 的视图拖拽逻辑是隐式的：必须先让它“出现”，再用鼠标拖到目标区域。这不是设置问题，而是 UI 交互流程。
- 启动一次调试（按
F5或点击绿色三角），确保Debug视图已激活 - 在左侧活动栏点击
Run and Debug图标（虫子图标），打开调试视图 - 找到右侧弹出的调试面板（默认在右侧面板区），展开
WATCH区域 - 把鼠标悬停在
WATCH标题栏上（不要点进去），光标变成四向箭头后，按住左键拖拽整个区域 - 拖到左侧活动栏下方的主编辑区左侧空白处（即侧边栏和编辑器之间的垂直分隔区），松手——它会自动嵌入侧边栏底部，成为可折叠面板
debug.toolBarLocation 和真实布局的关系
虽然它不直接固定监视面板，但设为 docked 能避免调试工具栏意外漂浮，间接提升侧边调试体验的稳定性。
- 配置路径：
Settings→ 搜索debug.toolBarLocation→ 设为docked - 值可选：
docked（停靠在调试面板顶部）、floating（悬浮）、hidden（隐藏） - 该设置只在调试会话中生效；非调试状态下无视觉变化
- 注意：它不影响
WATCH、Variables等子面板的物理位置，那些必须手动拖拽并保存布局
真正容易被忽略的一点：VSCode 不会自动记忆你拖拽后的面板位置，除非你关闭并重启窗口，或者执行 Developer: Reload Window。如果下次打开又回去了，说明布局还没固化——多关一次窗口再开，它就记住了。
