“转到定义”和“查看引用”依赖语言服务器,需安装对应语言扩展;2. 使用F12或Ctrl+点击可跳转到变量、函数定义处,Shift+F12或右键可查看符号的所有引用位置;3. 适用于快速理解代码结构、重构前分析变量使用,提升代码维护效率。

在 vscode 中,“转到定义”和“查看引用”是两个非常实用的功能,能帮助你快速理解代码结构和变量使用情况。只要项目配置正确,这两个功能开箱即用。
启用与触发方式
这两个功能依赖语言服务器(如 typescript 的 tsserver、python 的 Pylance 等),因此确保已安装对应语言的扩展。
- 转到定义:将光标放在变量、函数或类名上,按 F12 或右键选择“转到定义”,也可用 Ctrl+点击(Cmd+点击 on macOS)。
- 查看引用:右键点击符号,选择“查看引用”,或使用 Shift+F12 快捷键。
转到定义的实际应用
当你想了解某个函数来自哪里,比如调用了一个名为 calculateTotal 的函数,把光标放上去按 F12,编辑器会直接跳转到它的定义位置,哪怕在另一个文件中也能准确跳转。
如果一个符号有多个可能的定义(如重载函数),VSCode 会列出所有选项供你选择。
查看引用的使用场景
这个功能适合用于重构前的分析。比如你想删除某个变量,先右键它并选择“查看引用”,VSCode 会在侧边栏显示该变量在整个项目中被使用的全部位置,避免误删仍在使用的代码。
结果面板支持点击跳转,也可以预览上下文,方便批量判断是否需要修改。
基本上就这些。只要语言服务正常运行,这两个功能响应速度快,对阅读和维护代码很有帮助。


