代码地图功能通过缩略图导航和结构概览面板提升代码浏览效率。缩略图位于编辑器右侧，显示文件整体结构，默认开启，可通过设置 editor.minimap.enabled 调整。
VSCode 的代码地图功能为开发者提供了高效的代码浏览与导航方式，主要通过缩略图导航和结构概览面板实现。这两个功能帮助你在大型文件中快速定位代码块、理解整体结构，提升编辑效率。
缩略图导航：快速定位代码位置
缩略图为编辑器右侧的迷你代码预览图，显示当前文件的整体结构，类似文档的“小地图”。
说明与使用建议：- 默认开启，可在设置中搜索 editor.minimap.enabled 进行关闭或启用
- 鼠标悬停在缩略图上会显示对应代码片段的上下文，便于判断位置
- 可通过调整 editor.minimap.size 控制显示大小（如 "fit"、"fill"、"stretch"）
结构概览面板：清晰展示代码层级
结构概览（Outline）面板位于资源管理器或侧边栏，列出当前文件中的类、函数、变量等符号结构。
实用功能点：
- 点击任一条目直接跳转到对应代码位置，比滚动查找更精准
- 支持按类型（如函数、属性）或出现顺序排序，方便查找特定元素
- 对语言支持良好（如 JavaScript、TypeScript、Python、Java），依赖语言服务器提供符号信息
- 可折叠/展开层级，帮助理解复杂模块的组织方式
结合使用提升开发效率
缩略图适合视觉化快速跳转，结构概览则强调语义化导航。两者互补，适用于不同场景。
- 阅读陌生代码时，先看结构概览了解模块组成，再用缩略图浏览具体实现位置
- 调试长文件时，通过缩略图发现修改密集区，结合 Outline 定位具体函数
- 编写新功能前，用 Outline 快速查看已有方法命名和结构，避免重复
