如何让VSCode中两个面板之间的边框永久显示?
VSCode面板分隔线永久显示设置方法
VSCode中面板之间的可拖拽分隔线默认仅在鼠标悬停时显示,可通过修改配置实现永久可见:
- 打开配置文件
- Windows/Linux 按
Ctrl + ,,Mac 按Cmd + ,唤出设置面板 - 在顶部搜索框输入
settings.json,点击匹配结果中的「编辑 settings.json」进入配置编辑页
- 添加分隔线配置
在打开的JSON文件中追加如下配置(如果已有workbench.colorCustomizations字段,直接在内部添加两行属性即可):
"workbench.colorCustomizations": { // 永久显示的分隔线边框颜色,可自行修改色值适配当前主题 "sash.border": "#4e94ce", // 鼠标悬停时分隔线的高亮颜色,可按需调整 "sash.hoverBorder": "#1a73e8" }
- 保存文件,配置会立即生效,无需重启VSCode。
效果示意:
如果需要调整分隔线的粗细,可安装Custom CSS and JS Loader扩展后通过自定义CSS修改sash元素的宽度属性实现。
内容的提问来源于stack exchange,提问作者Bassam
相关产品推荐
相关产品推荐

