如何在Visual Studio Code中创建代码快速跳转的图例/词汇表？

内置功能：大纲视图（Outline） #

VSCode自带的大纲视图完全支持多语言，无需额外插件就能快速定位代码块：

• 打开方式：点击侧边栏的「大纲」图标（或按下Ctrl+Shift+O/Cmd+Shift+O）
• 用法：
  • 直接点击列表中的类、函数、变量名，即可跳转到对应代码位置
  • 输入@后加符号可过滤，比如@:筛选函数、@#筛选类、@.筛选属性，快速缩小查找范围
  • 支持折叠/展开代码层级，清晰查看整体结构

推荐多语言适配插件 #

Bookmarks #

• 核心功能：给任意代码行添加命名书签，支持分组管理
• 操作：
  • 按下Ctrl+Alt+K添加书签，可自定义命名
  • 通过侧边栏的Bookmarks面板查看所有书签，点击直接跳转
  • 快捷键Ctrl+Alt+J/Ctrl+Alt+Shift+J快速切换上下书签
• 适配几乎所有主流编程语言，完全满足跨语言需求

Code Outline #

• 核心功能：增强版大纲视图，对复杂代码结构的解析更细致（比如嵌套函数、类的内部方法）
• 优势：支持更多小众语言，能显示代码的层级关系，点击列表项直接跳转，还可自定义显示的元素类型

Todo Tree #

• 核心功能：识别代码中的注释标签（如TODO/FIXME），将其收集到侧边栏作为快速入口
• 自定义扩展：可以添加自定义标签，比如在代码中写// SECTION: 数据预处理模块，配置插件识别SECTION标签后，就能把这些区块作为快速链接
• 适配所有支持注释的语言，灵活度极高

内容的提问来源于stack exchange，提问作者ardoknow