0

0

vscode的侧边栏如何自定义_显示或隐藏不同视图面板【教程】

狼影

狼影

发布时间:2026-01-16 22:21:26

|

862人浏览过

|

来源于php中文网

原创

VS Code侧边栏视图的显示/隐藏由活动栏图标直接控制,点击切换展开/折叠;单个图标可通过settings.json中workbench.views.extensionViews禁用,顺序固定不可拖拽。

vscode的侧边栏如何自定义_显示或隐藏不同视图面板【教程】

侧边栏视图的显示/隐藏由“活动栏图标”直接控制

VS Code 侧边栏的每个面板(如资源管理器、搜索、源代码管理、调试、扩展)是否显示,完全取决于活动栏(左侧垂直栏)上对应图标的点击状态。点击一次图标,对应视图展开;再点一次,收起(但图标仍保留在活动栏)。所谓“隐藏”,其实是视图折叠,不是移除图标。

  • Ctrl+Shift+E(Windows/Linux)或 Cmd+Shift+EmacOS)快速聚焦到资源管理器,同时确保其可见
  • 右键点击活动栏任意图标 → 可勾选/取消勾选“显示”选项,例如“显示搜索视图”——这会控制该图标是否出现在活动栏上
  • 若某图标彻底消失(比如没看到 Git 图标),说明对应功能未启用:Git 面板需本地目录含 .git,调试面板需存在 launch.json 或已启动调试会话

想永久禁用某个视图图标(比如不用“远程资源管理器”)

VS Code 不提供“删除某个视图”的开关,但可通过设置隐藏其活动栏图标。本质是关闭对应扩展的贡献点,或调整 workbench.activityBar.visible 等全局行为——但更常用的是精准屏蔽特定视图项。

  • 打开设置(Ctrl+,),搜索 activity bar
  • 找到 Workbench > Activity Bar: Visible —— 关闭它会让整个活动栏消失(连侧边栏图标都不可见,慎用)
  • 真正要隐藏单个图标,需修改 settings.json,添加如下配置:
{
  "workbench.activityBar.visible": true,
  "workbench.view.alwaysShowHeader": false,
  "workbench.views.extensionViews": {
    "ms-vscode.remote-repositories": false,
    "ms-vscode.vscode-notebook": false
  }
}

其中 ms-vscode.remote-repositories 是远程资源管理器扩展的 ID;你可在扩展详情页 URL 中找到类似 publisher.name 的标识。禁用后图标不再出现,且无法通过命令调出对应视图。

Runway Green Screen
Runway Green Screen

Runway 平台的AI视频工具,绿幕抠除、视频生成、动态捕捉等

下载

为什么拖拽视图标签无效?不能像浏览器那样重排顺序

VS Code 的侧边栏视图顺序是硬编码的,不支持拖拽调整。活动栏图标的左右顺序 = 视图在侧边栏中从上到下的顺序,而这个顺序由 VS Code 内部定义,用户无法通过 UI 拖动改变。

  • 唯一能影响顺序的方式是禁用部分视图(如上节所示),剩下的图标会自动按默认优先级紧凑排列
  • 默认顺序固定为:资源管理器 → 搜索 → 源代码管理 → 运行和调试 → 扩展 → ……(后续由已启用的扩展动态追加)
  • 试图拖动 EXPLORER 标签到 SEARCH 下方?VS Code 会忽略操作,无反馈、无报错

命令面板里搜不到“显示终端”却能用 Ctrl+` 调出?

终端(Terminal)不在侧边栏,而在编辑器区域底部,属于“面板(Panel)”而非“视图(View)”。所以它没有活动栏图标,也不会出现在侧边栏视图列表中。

  • 快捷键 Ctrl+` 控制的是底部面板的显隐,与侧边栏无关
  • 命令面板中搜索 View: Toggle Terminal 可执行相同操作
  • 若想让终端“常驻”底部,可右键底部面板标题栏 → 勾选 Lock Panel,防止误关
  • 其他类似面板:输出(Output)、问题(Problems)、调试控制台(Debug Console)也属此类,均不占侧边栏空间
侧边栏的“自定义”其实很克制:它不让你增删视图逻辑,也不许重排,只允许开/关图标可见性。真正的灵活性藏在设置项和扩展行为里——比如禁用某个扩展,比在设置里手动关图标更彻底。

相关专题

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

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

412

2023.08.07

json是什么
json是什么

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

533

2023.08.23

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

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

309

2023.10.13

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

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

74

2025.09.10

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

412

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

489

2024.05.29

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

639

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

526

2023.07.06

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

27

2026.01.16

热门下载

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

精品课程

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

共48课时 | 7.3万人学习

Git 教程
Git 教程

共21课时 | 2.7万人学习

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

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