VSCode代码大纲是快速定位文件结构的高效工具，自动解析类、函数等符号生成可折叠跳转视图；默认位于侧边栏Explorer下方Σ图标处，支持多语言符号识别与搜索过滤，点击即跳转、双击可展开/折叠。
VSCode 的代码大纲（Outline）是快速定位和浏览当前文件结构的高效工具，它自动解析代码中的类、函数、变量、接口等符号，生成可折叠、可跳转的层级视图。
大纲在哪？怎么打开？
默认情况下，大纲面板位于侧边栏的“探索器（Explorer）”区域下方，图标为 Σ（希腊字母 Sigma）。如果没看到，可以：
- 点击侧边栏底部的 Outline 图标（或按 Ctrl+Shift+O / Cmd+Shift+O 快速聚焦）
- 通过菜单栏：查看 → 大纲
- 右键编辑器空白处，选择 在大纲中显示
大纲能识别哪些内容？
Outline 的识别能力取决于当前文件的语言支持和已安装的扩展。基础支持包括：
- JavaScript/TypeScript：类、方法、函数、属性、接口、类型别名
- Python：模块、类、函数、方法、变量（需 Pylance 或 Python 扩展启用）
- Java：类、方法、字段（需 Extension Pack for Java）
- Go、Rust、C# 等：均有对应语言服务器提供符号支持
不支持语法高亮或语言服务的纯文本文件（如 .txt），Outline 将为空。
怎么用大纲高效导航？
大纲不只是“看看”，它是真正的导航加速器：
- 点击条目：直接跳转到对应代码位置（光标精准停在定义行）
- 双击函数名：快速展开/折叠其内部结构（如 TypeScript 中的方法参数、内部语句块）
-
搜索过滤：在大纲顶部输入关键词（如
render或use），实时筛选匹配项 - 拖拽排序：部分语言支持按访问修饰符（public/private）或类型分组，提升可读性
常见问题与优化建议
如果大纲显示不全或为空，试试这些：
- 确认已安装对应语言的官方扩展（如 ESLint 不提供 Outline，但 Typescript 和 Pylance 会）
- 检查文件是否被正确识别为该语言（右下角状态栏查看语言模式，点击可切换）
- 重启语言服务器：按 Ctrl+Shift+P → 输入 Developer: Restart Language Server
- 在
settings.json中确保开启："outline.showAllSymbols": true（默认已开）
基本上就这些。用熟了，比滚动查找快得多，尤其在千行级文件里特别明显。
