0

0

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

P粉986688829

P粉986688829

发布时间:2025-12-01 21:13:02

|

518人浏览过

|

来源于php中文网

原创

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

vs code的侧边栏(activity bar)功能全解

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

1. 资源管理器 (Explorer)

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

  • 查看当前工作区的文件夹与文件结构
  • 新建、重命名、删除文件或文件夹
  • 拖拽文件进行移动或重新组织
  • 快速打开多个文件,标签页会自动在编辑区显示
  • 支持搜索文件(可通过顶部“过滤”框输入关键词)
右键菜单还支持在终端中打开路径、复制路径、在资源管理器中显示等实用操作。

2. 搜索 (Search)

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

  • 支持文本内容搜索,不只是文件名
  • 可使用正则表达式进行高级匹配
  • 支持区分大小写和全词匹配
  • 搜索结果可批量替换
  • 可排除特定文件夹(如 node_modules)提高效率
快捷键 Ctrl+Shift+F 可快速唤出搜索面板。

3. 源代码管理 (Source Control)

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

  • 查看已修改、新增或删除的文件
  • 逐行暂存更改(Stage Changes)
  • 输入提交信息并执行 Commit
  • 推送(Push)、拉取(Pull)等操作通过顶部按钮完成
  • 支持多仓库管理,底部会列出所有 Git 仓库
未安装 Git 时会提示安装,初始化仓库可点击“Initialize Repository”。

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

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

A1.art
A1.art

一个创新的AI艺术应用平台,旨在简化和普及艺术创作

下载
  • 设置断点、单步执行、查看变量和调用
  • 通过 launch.json 配置不同环境的调试参数
  • 支持 Node.js、Python、PHP、C++ 等多种语言
  • 可快速切换不同的运行配置
F5 启动调试,Shift+F5 停止,Ctrl+Shift+D 切换到调试视图。

5. 扩展 (Extensions)

管理 VS Code 插件的中心。

  • 搜索并安装新扩展(如 Python、Prettier、ESLint)
  • 查看已安装、启用或禁用的插件
  • 按类别浏览推荐扩展(如语言包、主题、工具集成)
  • 更新插件或查看详细说明
很多功能增强都依赖扩展,合理使用可极大拓展编辑器能力。

6. 其他内置图标(可能动态出现)

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

  • 测试 (Testing):运行单元测试,查看通过/失败状态
  • 问题 (Problems):集中显示语法错误、警告等诊断信息
  • 输出 (Output)终端 (Terminal):通常集成在底部面板,也可通过命令面板唤出
部分图标由扩展添加,比如 Docker、GitHub Copilot 等也会在此展示入口。

自定义与隐藏

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

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

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

热门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正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

258

2023.07.05

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

766

2023.07.05

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

219

2023.08.11

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

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

3

2026.03.11

热门下载

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

精品课程

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

共137课时 | 13.3万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.3万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 1.0万人学习

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

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