You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让VSCode中两个面板之间的边框永久显示?

VSCode面板分隔线永久显示设置方法

VSCode中面板之间的可拖拽分隔线默认仅在鼠标悬停时显示,可通过修改配置实现永久可见:

  1. 打开配置文件
  • Windows/Linux 按 Ctrl + ,,Mac 按 Cmd + , 唤出设置面板
  • 在顶部搜索框输入 settings.json,点击匹配结果中的「编辑 settings.json」进入配置编辑页
  1. 添加分隔线配置
    在打开的JSON文件中追加如下配置(如果已有workbench.colorCustomizations字段,直接在内部添加两行属性即可):
"workbench.colorCustomizations": {
    // 永久显示的分隔线边框颜色,可自行修改色值适配当前主题
    "sash.border": "#4e94ce",
    // 鼠标悬停时分隔线的高亮颜色,可按需调整
    "sash.hoverBorder": "#1a73e8"
}
  1. 保存文件,配置会立即生效,无需重启VSCode。

效果示意:
VSCode面板分隔线效果示意,红色高亮为额外标注内容

如果需要调整分隔线的粗细,可安装Custom CSS and JS Loader扩展后通过自定义CSS修改sash元素的宽度属性实现。

内容的提问来源于stack exchange,提问作者Bassam

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 02:27:03