FunctionGraph插件为Sublime Text提供代码结构大纲视图,支持多语言函数、类的树状展示与导航。通过手动安装GitHub项目文件至Packages目录启用,使用Ctrl+Alt+O快捷键打开面板,可点击条目跳转定位。支持Python等语言,可通过正则配置扩展语法识别规则,提升代码浏览效率。

Sublime Text 虽然轻量,但通过插件可以实现强大的功能。想要在 Sublime 中显示代码结构大纲视图,FunctionGraph 是一个非常实用的插件,它能帮助你快速浏览和导航当前文件中的函数、类、方法等结构。
FunctionGraph 插件简介
FunctionGraph 并非 Package Control 中默认收录的热门插件,但它可以在 GitHub 上找到并手动安装。它的主要作用是扫描当前源码文件,提取出所有函数、类、变量等定义,并以缩进树状结构展示在侧边栏或弹出面板中,相当于一个轻量级的“大纲视图”(Outline View)。
支持的语言包括但不限于:Python、JavaScript、PHP、C++、Java 等常见编程语言,具体取决于语法高亮和正则匹配规则的配置。
安装 FunctionGraph 插件
由于 FunctionGraph 不在官方 Package Control 仓库中,需要手动安装:
- 打开 Sublime Text,点击菜单 Preferences → Browse Packages…
- 进入打开的目录,新建一个文件夹如 FunctionGraph
- 从 GitHub 下载 FunctionGraph 的源码文件(主要是
function_graph.py和相关资源)放入该文件夹 - 重启 Sublime Text 即可生效
你可以在 GitHub 搜索 sublime-functiongraph 找到相关项目地址(注意选择维护较新的版本)。
使用 FunctionGraph 查看代码结构
安装完成后,可以通过以下方式调用:
- 快捷键:Ctrl+Alt+O(Windows/Linux)或 Cmd+Alt+O(macOS)
- 命令面板:按下 Ctrl+Shift+P,输入 “Function Graph”,选择 “Show Function Graph”
执行后,会弹出一个只读的侧边窗口或浮动面板,列出当前文件中所有函数、类及其嵌套关系。点击条目即可跳转到对应代码位置,极大提升代码浏览效率。
自定义与语言支持扩展
FunctionGraph 使用正则表达式来识别不同语言的结构定义。如果你发现某种语言未被正确识别,可以编辑插件中的配置文件,添加对应的语法规则。
例如,在配置中添加 Python 的函数匹配模式:
"python": {
"functions": "^\\s*def\\s+([a-zA-Z_]\\w*)",
"classes": "^\\s*class\\s+([a-zA-Z_]\\w*)"
}
修改后需重启 Sublime 或重新加载插件才能生效。
基本上就这些。FunctionGraph 虽小,却为 Sublime Text 带来了类似 IDE 的结构导航能力,特别适合阅读大型单文件脚本时使用。虽然不如现代 IDE 的符号索引强大,但在轻量编辑器中已足够实用。










