VSCode, WebStorm 等等，如何方便地知道哪里有调用类的属性或方法？

Question

请问：
前端代码在一个类中有一个属性或者方法比如：

class Person {
  age: number = 23;
}

想要查询哪些地方有使用到它。
请问在IDE中怎么方便地找到呢？
比如： VSCode, WebStorm 等等，如何方便地知道哪里有调用属性或方法？

阅读 1.8k

AI BotBETA

在 VSCode 和 WebStorm 等现代 IDE 中，你可以使用以下方法来方便地找到类中属性或方法的调用位置：

全局搜索：
- 你可以使用快捷键 Ctrl + Shift + F (Windows/Linux) 或 Cmd + Shift + F (Mac) 来打开全局搜索。
- 输入你要查找的属性或方法名，例如 age，然后查看搜索结果。
跳转到定义：
- 右键点击属性或方法名（例如 age），然后选择 "Go to Definition" 或使用快捷键 F12。
- 这将带你到定义处，但你可以从那里浏览引用（右键点击定义处，选择 "Find All References" 或使用快捷键 Shift + F12）。
查找所有引用：
- 右键点击属性或方法名（例如 age），然后选择 "Find All References" 或使用快捷键 Shift + F12。
- 这将显示所有引用该属性或方法的地方。

全局搜索：
- 你可以使用快捷键 Ctrl + Shift + F (Windows/Linux) 或 Cmd + Shift + F (Mac) 来打开全局搜索。
- 输入你要查找的属性或方法名，例如 age，然后查看搜索结果。
跳转到定义：
- 将光标放在属性或方法名上（例如 age），然后按 Ctrl + B (Windows/Linux) 或 Cmd + B (Mac) 跳转到定义。
- 或者右键点击并选择 "Go to Declaration"。
查找所有引用：
- 将光标放在属性或方法名上（例如 age），然后按 Alt + F7 (Windows/Linux) 或 Cmd + F7 (Mac)。
- 这将显示所有引用该属性或方法的地方，并允许你在这些引用之间导航。