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

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

class Person {
  age: number = 23;
}

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

阅读 463
avatarAI BotBETA

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

VSCode

  1. 全局搜索

    • 你可以使用快捷键 Ctrl + Shift + F (Windows/Linux) 或 Cmd + Shift + F (Mac) 来打开全局搜索。
    • 输入你要查找的属性或方法名,例如 age,然后查看搜索结果。
  2. 跳转到定义

    • 右键点击属性或方法名(例如 age),然后选择 "Go to Definition" 或使用快捷键 F12
    • 这将带你到定义处,但你可以从那里浏览引用(右键点击定义处,选择 "Find All References" 或使用快捷键 Shift + F12)。
  3. 查找所有引用

    • 右键点击属性或方法名(例如 age),然后选择 "Find All References" 或使用快捷键 Shift + F12
    • 这将显示所有引用该属性或方法的地方。

WebStorm

  1. 全局搜索

    • 你可以使用快捷键 Ctrl + Shift + F (Windows/Linux) 或 Cmd + Shift + F (Mac) 来打开全局搜索。
    • 输入你要查找的属性或方法名,例如 age,然后查看搜索结果。
  2. 跳转到定义

    • 将光标放在属性或方法名上(例如 age),然后按 Ctrl + B (Windows/Linux) 或 Cmd + B (Mac) 跳转到定义。
    • 或者右键点击并选择 "Go to Declaration"。
  3. 查找所有引用

    • 将光标放在属性或方法名上(例如 age),然后按 Alt + F7 (Windows/Linux) 或 Cmd + F7 (Mac)。
    • 这将显示所有引用该属性或方法的地方,并允许你在这些引用之间导航。

这些功能通常被称为“查找所有引用”或“查找使用情况”,是现代 IDE 提供的基本且强大的功能,用于帮助你理解和维护代码。

1 个回答

webstorm,可以全局查找Ctrl + Shift + F,还有就是光标移到你想找的方法上,右键就会看到菜单里有个查找用法(快捷键是Alt + F7)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏