答案是使用大纲视图查看代码结构。可通过点击侧边栏“大纲”图标或按Ctrl+Shift+P打开命令面板输入“大纲”开启,显示当前文件的类、函数等结构以便导航。

在 vscode 中查看代码结构树,主要通过 “大纲视图”(Outline View) 来实现。它能展示当前文件中的类、函数、变量、方法等结构,帮助你快速导航和理解代码。
打开代码结构树的方法
以下几种方式可以开启代码结构树:
- 使用侧边栏图标:点击左侧活动栏中的“大纲”图标(形状像一本书),即可在侧边栏看到当前文件的结构树。
- 通过命令面板:按下 Ctrl+Shift+P(macOS 为
- TypeScript / JavaScript
- Python(需安装 Pylance 或 Python 扩展)
- Java
- C#(通过 C# Dev Kit 或 OmniSharp)
- Go、Rust、C++ 等也支持良好
如果结构树为空,检查是否已安装对应语言扩展,或当前文件是否有可解析的语法结构。
使用技巧
- 点击结构树中的条目,编辑器会自动跳转到对应代码位置。
- 支持折叠/展开层级,方便浏览大型文件。
- 可以按字母排序或按文档顺序排列,点击大纲顶部的排序图标即可切换。
- 悬停在条目上会显示简要信息,如函数参数、定义位置等。
基本上就这些。开启大纲视图后,代码结构一目了然,特别适合阅读和维护复杂文件。

