VSCode的Activity Bar(活动栏)自定义与隐藏

2次阅读

可通过设置隐藏图标、jsON自定义顺序、扩展动态控制或禁用活动栏+快捷键替代四种方式调整vscode活动栏;具体包括全局/单项隐藏、settings.json配置iconOrder数组、安装activity bar manager类扩展、关闭活动栏并使用Cmd+Shift+组合键访问视图。

VSCode的Activity Bar(活动栏)自定义与隐藏

如果您在使用 VSCode 时希望调整 Activity Bar(活动栏)的显示状态或布局,例如隐藏不常用图标、重新排序图标位置或完全禁用该区域,则可以通过内置设置和扩展机制实现。以下是具体操作方式:

本文运行环境:macBook air,macOS Sequoia。

一、通过设置隐藏特定活动栏图标

VSCode 允许用户在设置中关闭默认活动栏项的可见性,例如“运行和调试”“源代码管理”等图标的显示,从而精简活动栏内容。该操作不影响对应功能本身,仅隐藏入口图标。

1、按下 Cmd + , 打开设置界面。

2、在搜索框中输入 activity bar visibility

3、找到名为 Workbench > Activity Bar: Visible 的设置项,取消勾选以全局隐藏整个活动栏。

4、如需仅隐藏某一项,搜索对应功能关键词,例如 scm,找到 Workbench > Activity Bar > Visibility: Source Control 并设为 false

二、使用 JSON 配置文件自定义图标顺序

VSCode 支持通过修改 settings.json 文件手动指定活动栏图标的排列顺序,覆盖默认顺序。该方法适用于需要固定工作流顺序的用户。

1、打开命令面板,按 Cmd + Shift + P,输入并选择 Preferences: Open Settings (JSON)

2、在 settings.json 中添加键值对“workbench.activityBar.visible”: true(确保活动栏启用)。

3、添加配置项 “workbench.activityBar.iconOrder”,其值为字符串数组,例如:[“explorer”, “search”, “scm”, “run”, “extensions”]

VSCode的Activity Bar(活动栏)自定义与隐藏

AISEO AI Content Detector

AISEO推出的AI内容检测器

VSCode的Activity Bar(活动栏)自定义与隐藏 82

查看详情 VSCode的Activity Bar(活动栏)自定义与隐藏

4、保存文件后,活动栏图标将按数组顺序从左到右排列,未列出的图标将被隐藏。

三、通过扩展实现动态活动栏控制

部分第三方扩展提供更灵活的活动栏管理能力,例如根据当前打开文件类型自动显示/隐藏特定图标,或支持拖拽重排。此类扩展绕过原生限制,增强定制自由度。

1、打开扩展视图,按 Cmd + Shift + X

2、搜索关键词 activity bar managercustom activity bar

3、安装评分较高且近期更新的扩展,例如 Customize ui(需配合 Custom css and JS Loader 使用)。

4、安装完成后重启 VSCode,在设置中启用扩展提供的相关选项,如 Enable Activity Bar Customization

四、完全禁用活动栏并启用快捷键替代方案

对于极简主义用户,可彻底隐藏活动栏,并通过键盘快捷键快速访问各视图,避免鼠标移动,提升操作效率。该方式依赖记忆常用快捷键,但释放屏幕垂直空间。

1、打开设置,搜索 activity bar visible,将 Workbench > Activity Bar: Visible 设为 false

2、使用以下默认快捷键唤起对应视图:Cmd + Shift + E资源管理器)、Cmd + Shift + F(搜索)、Cmd + Shift + G(源代码管理)、Cmd + Shift + D(运行和调试)。

3、如需修改快捷键,进入 Preferences: Open Keyboard ShortcutsCmd + K Cmd + S),搜索对应命令并绑定新组合键。

text=ZqhQzanResources