大纲视图以树形结构展示文件符号，支持过滤与跳转，适合大型文件快速定位；2. 面包屑导航显示代码层级，可切换路径或符号模式，便于在上下文中快速横向跳转；3. 两者可互补使用，提升代码浏览效率。

在vscode中高效浏览代码结构，能大幅提升开发效率。大纲视图和面包屑是两种直观且实用的导航方式，适合不同场景下的代码查看与跳转。

使用大纲视 （Outline View）

大纲视图以树形结构展示当前文件中的类、函数、变量等符号，帮助你快速了解整体结构并实现精准跳转。

• 打开方式：点击侧边栏的“大纲”图标，或通过命令面板输入“View: Toggle Outline”开启
• 支持按类型过滤，如只显示函数或类，便于聚焦关注内容
• 点击任一符号可直接跳转到对应代码位置，双击还可折叠/展开区域
• 适用于大型文件，快速定位目标函数或方法，尤其适合不熟悉代码时的探索

利用面包屑导航 （Breadcrumbs）

面包屑显示在编辑器顶部，默认为路径式导航，可切换为符号层级，实时反映当前位置在代码结构中的层次。

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

• 启用方式：设置中搜索“breadcrumbs.enabled”，确保已开启
• 点击任意层级可快速跳转，比如从方法名回到类定义，或在嵌套组件中逐层返回
• 配合语言服务器，支持html、JavaScript、typescript等多种语言的结构展示
• 适合在已有上下文中快速横向移动，减少滚动查找时间

基本上就这些。根据习惯选择使用大纲还是面包屑，也可以同时开启两者互补使用。合理配置后，代码浏览会更清晰、更高效。