0

0

VSCode的侧边栏面板可以如何自定义?布局调整与面板管理【教程】

幻影之瞳

幻影之瞳

发布时间:2026-01-18 21:50:01

|

786人浏览过

|

来源于php中文网

原创

vscode侧边栏面板无法拖拽重排,但可通过配置控制显隐、顺序及默认状态:禁用扩展最彻底,settings.json中设置workbench.views.visible和workbench.activitybar.visibleentries可精准管理内置视图与activity bar图标,右键hide仅临时生效。

vscode 的侧边栏面板不能像传统 ide 那样自由拖拽重排顺序,但可以通过配置和命令实现精准控制:哪些面板显示、默认展开状态、图标位置、甚至禁用特定视图。

如何隐藏或禁用不需要的侧边栏面板(如 GitHub、Timeline、Remote Explorer)

VSCode 不提供“删除”面板的选项,但可通过 "workbench.view.alwaysShow">"workbench.views.visible" 配置项控制其可见性。更可靠的方式是禁用对应扩展,或使用 workbench.action.closeSidebar 手动收起 —— 但该操作不持久。

  • 禁用扩展是最彻底的方法:比如关闭 GitHub Pull Requests and Issues 扩展后,GitHub 面板自动消失
  • 对内置视图(如 Timeline),可在 settings.json 中添加:
    "workbench.views.visible": {
      "explorer": true,
      "search": true,
      "scm": true,
      "debug": false,
      "extensions": false
    }
    (注意:此设置仅影响部分内置视图,Timeline 等暂不支持)
  • 右键点击侧边栏任意图标 → 选择 Hide 可临时隐藏单个面板(重启后恢复)

如何调整侧边栏图标的顺序(Activity Bar 图标排列

VSCode 1.85+ 支持通过 "workbench.activityBar.visibleEntries" 显式定义 Activity Bar 图标顺序和可见性,需手动编辑 settings.json

  • 默认顺序由 VSCode 内部决定,无法拖拽调整
  • 启用自定义排序前,先在命令面板运行 Developer: Generate Default Activity Bar Entries 获取当前有效条目列表
  • 然后设置:
    "workbench.activityBar.visibleEntries": [
      "workbench.view.explorer",
      "workbench.view.search",
      "workbench.view.scm",
      "workbench.view.debug",
      "workbench.view.extensions"
    ]
    (每个字符串对应一个视图 ID,ID 可在开发者工具 Console 中执行 document.querySelectorAll('.activitybar .monaco-action-bar .action-label') 查看)
  • 遗漏某项(如 workbench.view.remote)即表示该图标被隐藏

如何让某个面板默认展开或折叠(如搜索、调试)

VSCode 没有全局“默认展开”开关,但部分面板支持独立状态记忆;若失效,通常因工作区设置覆盖了用户设置,或扩展干扰了视图状态。

Kacha
Kacha

KaCha是一款革命性的AI写真工具,用AI技术将照片变成杰作!

下载
  • Explorer 面板默认展开,且会记住上次折叠/展开状态(基于工作区)
  • SearchDebug 面板默认折叠,首次点击才激活;无配置项强制默认展开
  • 某些扩展(如 GitLens)会注入新面板,其展开状态由扩展自身控制,VSCode 设置无效
  • 若发现面板总在重启后重置,检查 .vscode/settings.json 是否包含 "workbench.tree.expandMode""search.collapseAllResults" 类似干扰项

侧边栏宽度与响应式行为的实际限制

侧边栏宽度不可直接拖拽调节,也不支持 CSS 覆盖(VSCode 禁用了用户样式注入)。唯一可控的是图标尺寸和文字显示策略。

  • 图标大小由 "workbench.iconTheme""window.zoomLevel" 间接影响,但无法单独缩放侧边栏
  • 当窗口宽度不足时,VSCode 会自动隐藏 Activity Bar 文字标签(只留图标),这是硬编码行为,无法禁用
  • 多列布局(如双编辑器 + 侧边栏)下,侧边栏始终固定在最左,无法移到右侧或浮动
  • 远程开发(SSH/Containers)场景中,部分面板(如 Remote Explorer)可能重复出现,此时应优先检查远程扩展是否已启用,而非尝试隐藏

真正可控的只有「显隐」和「顺序」,其它所谓“自定义”多是误传或依赖未公开 API。别浪费时间找拖拽功能 —— 它不存在。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

455

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

334

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

760

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

649

2023.11.24

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 42.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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