VS Code的侧边栏(Activity Bar)功能全解

资源管理器用于文件管理，支持新建、重命名、拖拽和搜索；2. 搜索面板实现全局文本查找与替换，支持正则和排除目录；3. 源代码管理集成Git，支持提交、推送、拉取和多仓库管理；4. 运行与调试可设断点、配launch.json，支持多语言调试；5. 扩展中心管理插件，可安装更新并分类浏览；6. 其他图标按需显示测试、问题、终端等视图；7. 可右键隐藏图标、拖动排序或通过命令切换显示，提升操作效率。

VS Code 的侧边栏，也就是 Activity Bar，位于编辑器最左侧，是快速访问各种核心功能的入口。它由多个图标组成，每个图标对应一个视图容器，点击后会在侧边显示相应的内容面板。掌握这些功能能显著提升开发效率。

1. 资源管理器 (Explorer)

资源管理器是使用最频繁的面板，用于浏览和管理项目文件。

• 查看当前工作区的文件夹与文件结构
• 新建、重命名、删除文件或文件夹
• 拖拽文件进行移动或重新组织
• 快速打开多个文件，标签页会自动在编辑区显示
• 支持搜索文件（可通过顶部“过滤”框输入关键词）

2. 搜索 (Search)

全局搜索功能让你在整个项目中查找关键字。

• 支持文本内容搜索，不只是文件名
• 可使用正则表达式进行高级匹配
• 支持区分大小写和全词匹配
• 搜索结果可批量替换
• 可排除特定文件夹（如 node_modules）提高效率

3. 源代码管理 (Source Control)

集成 Git 功能，方便进行版本控制操作。

• 查看已修改、新增或删除的文件
• 逐行暂存更改（Stage Changes）
• 输入提交信息并执行 Commit
• 推送（Push）、拉取（Pull）等操作通过顶部按钮完成
• 支持多仓库管理，底部会列出所有 Git 仓库

4. 运行与调试 (Run and Debug)

用于配置和启动调试会话。

Shakker

多功能AI图像生成和编辑平台

103

查看详情

• 设置断点、单步执行、查看变量和调用栈
• 通过 launch.json 配置不同环境的调试参数
• 支持 Node.js、Python、PHP、C++ 等多种语言
• 可快速切换不同的运行配置

5. 扩展 (Extensions)

管理 VS Code 插件的中心。

• 搜索并安装新扩展（如 Python、Prettier、ESLint）
• 查看已安装、启用或禁用的插件
• 按类别浏览推荐扩展（如语言包、主题、工具集成）
• 更新插件或查看详细说明

6. 其他内置图标（可能动态出现）

某些功能会在满足条件时自动出现在 Activity Bar 上。

• 测试 (Testing)：运行单元测试，查看通过/失败状态
• 问题 (Problems)：集中显示语法错误、警告等诊断信息
• 输出 (Output) 和 终端 (Terminal)：通常集成在底部面板，也可通过命令面板唤出

自定义与隐藏

你可以根据需要调整 Activity Bar 的显示内容。

• 右键点击 Activity Bar 图标可选择“隐藏”某个视图
• 通过命令面板（Ctrl+Shift+P）运行 “View: Toggle Activity Bar” 可整体显示/隐藏
• 拖动图标可重新排序
• 在设置中搜索 “activity bar” 可进一步调整外观和行为

基本上就这些。熟练使用 Activity Bar 的每个功能，能让开发流程更流畅，减少对鼠标和外部工具的依赖。

以上就是VS Code的侧边栏(Activity Bar)功能全解的详细内容，更多请关注php中文网其它相关文章！