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 的设计逻辑是“高频操作够快、低频功能可搜”，界面本身不复杂，但容易忽略状态栏和右键的上下文能力。用熟一周，你会觉得它比看起来聪明得多。
