Reactjs 如何在Chrome React开发工具的VS代码中打开组件文件？

是否可以右键单击React Dev tools下可见的组件，然后单击“在IDE中显示”，从而在VSCode中打开该文件。这将是有益的，因为我不必去搜索组件。通常我想在VS代码中查看组件的源代码，由于组件的模块化重用，代码库太大，名称重叠，组件结构与页面结构不相似，如果您不熟悉代码库，很难找到确切的组件。如果有一种方法可以简单地使用React dev tools中的组件选取器工具，然后单击突出显示的组件以转到IDE中的文件。

当前没有此类功能，前提是您最好的选择是复制组件名称并在代码库中搜索相同的组件。在VSCODE中使用CMD+P（mac）或Ctrl+P（Win）搜索组件文件。我通常做的是，从浏览器复制某个名称，然后全局搜索vs代码（Ctrl+shift+f）中无法导航到vs代码。相反，我打开react dev tools，单击inspector图标，然后将鼠标悬停在页面上。指针移动时，每个元素源文件和行号都会显示在开发工具的右下角，如“menuContainer.js:1316”。然后我打开这个文件并手动转到VS代码行。在react native中，我们可以通过点击元素从emulator飞到相关的VS代码行。我也希望这是可能的。