VSCode界面分五区域：左侧活动栏切换视图，顶部菜单与命令面板执行功能，编辑区支持多光标与右键上下文操作，底部状态栏显示并可快速修改编码、换行符、缩进等设置。
VSCode 界面看着简洁，但每个区域都有明确分工，搞懂它们才能高效编码。核心不是记住所有按钮，而是理解“哪里改文件、哪里看输出、哪里调设置”这三件事。
左侧活动栏：快速切换工作视图
这是你每天点得最多的地方。5 个默认图标从上到下分别是：资源管理器（文件树）、搜索（全局关键词查找）、源代码管理（Git 状态）、运行和调试（启动调试会话）、扩展（装插件）。鼠标悬停能看到文字提示，点击就能切换视图。如果某个图标不见了，右键活动栏空白处可以勾选显示。
- 资源管理器里双击文件直接打开，拖拽文件夹可新建或重排顺序
- 搜索框支持正则和文件类型过滤，比如输入 todo.*js 就只搜 JS 文件里的 todo 注释
- 源代码管理里绿色+是新增、蓝色M是修改、红色U是未跟踪——颜色比文字更直观
顶部菜单与命令面板：不用记快捷键也能调功能
顶部菜单（文件、编辑、终端等）适合初学时找功能位置；但真正常用的是 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（Mac）打开的命令面板。它像万能遥控器，输关键字就能执行几乎所有操作。
- 输 “format” 可格式化代码，输 “toggle” 可开关行号/自动保存/侧边栏
- 输 “shell command” 再回车，就能把 code 命令加进系统 PATH，之后终端里直接输入 code . 就能打开当前文件夹
- 右键编辑区空白处 → “在命令面板中运行”，也能快速唤出，不用伸手按组合键
编辑区与右键菜单：写代码时最常互动的区域
中间大片空白就是编辑区，但它不“空”——光标位置决定操作上下文。右键菜单会根据你点在哪儿动态变化：点在代码上，出现“查找引用”“重命名符号”；点在空白行，出现“插入行”“复制行”；点在缩进区，可能弹出“折叠全部”。
- 双击单词自动选中，三击选中整行，Ctrl+L（Win）或 Cmd+L（Mac）也是一样效果
- 按住 Alt（Win/Linux）或 Option（Mac），鼠标拖拽可多行同时编辑——适合批量改变量名或加前缀
- 行号左侧灰色区域点击可设断点，黄色小圆点表示已启用，灰色表示禁用
底部状态栏：别忽略的小信息栏
它藏了不少实用信息：右下角显示当前语言模式（如 JavaScript）、编码格式（UTF-8）、换行符（CRLF/LF）、缩进（空格数或 Tab）、还有 Git 分支名。点这些区域可以直接修改对应设置。
- 点“UTF-8”可切换编码，解决中文乱码；点“CRLF”可切 LF，适配 Linux/Mac 项目
- 点缩进显示（比如“Spaces: 2”）可快速改成 4 个空格或 Tab，整个文件立刻重排
- 分支名旁有个同步箭头图标，点一下就能拉取远程更新，不用开终端
基本上就这些。VSCode 的设计逻辑是“高频操作够快、低频功能可搜”，界面本身不复杂，但容易忽略状态栏和右键的上下文能力。用熟一周，你会觉得它比看起来聪明得多。
