VSCode 的 Outline 视图是高效代码导航与理解工具，支持快速跳转、层级折叠、类型筛选、键盘操作、双栏对照及与面包屑联动，配合语言扩展可定制显示内容。
vscode 的代码大纲（outline）视图不只是个“目录列表”，它是个轻量级但极其高效的导航与理解工具——尤其在阅读陌生代码、快速定位函数或重构长文件时，用好了能省下大量滚动和搜索时间。
快速跳转到任意符号（函数/类/变量/方法）
大纲视图会自动解析当前文件的语法结构，列出所有可识别的符号（取决于语言支持）。点击任一符号，编辑器立刻跳转到其定义处。比 Ctrl+F 搜索更精准，不依赖命名习惯，也不怕搜到注释或字符串里的干扰项。
- 支持键盘操作：聚焦 Outline 视图后，用上下键选择，回车跳转
- 右键可“在侧边打开”该符号，实现双栏对照（比如看类定义的同时读某个方法）
- 对 TypeScript/JavaScript、Python、Go、Rust 等主流语言开箱即用；C/C++ 需装 C/C++ 扩展并确保已生成标签
按层级结构理清代码组织逻辑
大纲默认显示嵌套关系（如类 → 方法 → 内部函数），一眼看出模块划分是否合理。比如看到一个 Python 文件里几十个平级函数，没有类包裹，可能提示你该考虑封装；又或者发现某个类里方法深度嵌套了三层以上，值得警惕是否职责过重。
- 点击左侧小箭头可折叠/展开某一级，快速收起细节、聚焦主干
- 支持拖拽调整视图大小，适合并排放在编辑器右侧长期开启
- 开启“仅显示导出符号”（需语言扩展支持，如 TypeScript）可过滤掉私有成员，专注公共接口
配合面包屑（Breadcrumbs）联动使用效果翻倍
顶部的面包屑栏和 Outline 是同一套符号数据源。鼠标悬停在面包屑上会高亮对应的大纲项；反过来，在 Outline 中选中某符号，面包屑也会同步更新路径。两者结合，相当于同时拥有“全局缩略图”+“当前位置指示器”。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 快捷键 Ctrl+Shift+O（Windows/Linux）或 Cmd+Shift+O（Mac）可直接唤出大纲搜索框，输入名字秒找
- 在搜索框里输 “:” 可筛选类型，比如 “:method” 只查方法，“:class” 只查类
- 搜索时支持驼峰匹配（如输 “gUS” 能匹配 “getUserSettings”）
自定义显示与过滤提升专注力
不是所有符号都需要出现在大纲里。可通过设置隐藏特定类型，减少视觉噪音。例如前端项目常忽略 CSS 类名或 HTML ID；脚本类文件可隐藏常量或配置对象。
- 在设置中搜索 “outline” → 修改 “Outline: Show” 相关选项（如禁用 “strings” 或 “variables”）
- 部分扩展（如 Python 扩展）提供额外开关，比如是否显示 import 语句或 docstring 标题
- 若大纲空白，先检查是否启用了对应语言的官方扩展，并确认文件关联正确（右下角查看语言模式）
基本上就这些。Outline 视图不复杂，但容易忽略它的联动性和可定制性。打开它、固定它、偶尔调一下过滤，慢慢就成了写代码时的“第六感”。
