VSCode的“大纲”视图是基于语言服务解析的符号树，支持快速跳转、层级折叠、实时过滤与定制显示，提升代码导航、阅读与重构效率。
VSCode的“大纲”视图是理解与导航代码或文档结构的核心工具，它不是简单的标题列表，而是基于语言服务解析出的符号树（Symbol Tree），能真实反映函数、类、变量等元素之间的逻辑关系和嵌套层次。
快速定位代码位置
点击大纲中任意条目，编辑器立刻滚动并聚焦到该符号的定义处。对超过300行的文件尤其高效，省去手动滚动或全文搜索的时间。
- 支持键盘上下键浏览 + 回车跳转，操作更流畅
- 悬停可预览上下文代码片段
- 右键选择“在新标签页中打开”，方便对比查看
清晰呈现文档或代码层级结构
不同文件类型解析方式不同，但都以树形结构直观组织：
- Markdown：按 #、##、### 标题层级生成可折叠目录
- JavaScript/TypeScript：显示 export 的类、方法、常量，子方法缩进在所属类下
- Python：列出模块级函数、类、类内方法，支持 @property 等语法识别
- JSON/YAML：展示键路径，便于定位深层字段
辅助阅读、重构与审查
大纲提供“地图式”概览，帮你先把握整体再深入细节：
- 滚动编辑时自动高亮当前所在符号，配合面包屑导航形成双向定位
- 展开/折叠节点可聚焦特定类或模块，减少视觉干扰
- 输入关键词实时过滤，快速找到目标函数或配置项
- 部分语言支持拖动调整代码顺序（如重排方法声明），直接联动编辑
灵活定制显示内容
通过设置控制大纲信息密度，避免被冗余符号淹没：
- "outline.showVariables": false 隐藏变量，突出函数与类
- "outline.sortBy": "name" 按字母排序，便于查找
- 启用 "editor.symbolSortOrder" 可自定义符号优先级（如类 > 方法 > 变量）
- 安装对应语言扩展后，还能显示私有成员、未导出符号等高级选项
