Visual Studio Code是否有类似WebStorm Ctrl Alt H的函数调用层级查看功能？

嘿，刚好对这个问题门儿清，来给你详细说说～

原生功能：自带调用层次结构 #

VS Code本身就有和WebStorm Ctrl+Alt+H对应的功能，叫做调用层次结构，默认快捷键是：

• Windows/Linux：Ctrl+Shift+H
• Mac：Cmd+Shift+H

你只要选中目标函数名（或者光标放在函数体内），按下快捷键，侧边栏就会弹出调用层次面板，里面清晰展示：

• 哪些函数/模块调用了当前函数（传入调用）
• 当前函数又调用了哪些其他函数（传出调用）
  完全适配TypeScript/JavaScript，不管是普通函数、箭头函数还是类方法都能精准识别。

要是你习惯WebStorm的Ctrl+Alt+H快捷键，还可以自定义：按下Ctrl+K Ctrl+S打开快捷键设置，搜索“调用层次结构”，把快捷键改成你顺手的组合就行。

增强插件推荐（适配TS/JS） #

如果原生功能满足不了你的需求（比如大型项目里需要更精准的筛选、更丰富的细节），这几个插件可以试试：

• Call Hierarchy Plus：专门增强调用层次结构的插件，支持按文件、类型筛选调用链，对TS的类型解析更细致，适合复杂项目。
• JavaScript and TypeScript Nightly：微软官方的 nightly 版本插件，会同步更新TS/JS语言服务的最新功能，能提升调用层次结构对新语法（比如装饰器、新ES特性）的识别准确性。
• 另外，VS Code自带的CodeLens也能辅助：它会在函数上方显示“被X处调用”的提示，点击就能直接跳转到调用位置，虽然不是完整层级，但日常快速查看很方便。

内容的提问来源于stack exchange，提问作者BuZZ-dEE