如何从 Chrome React Dev Tools 打开 VS code 中的组件文件?

Muh*_*mer 11 reactjs visual-studio-code react-devtools

是否可以右键单击 React Dev 工具下可见的组件,然后单击“在 IDE 中显示”,从而在 VSCode 中打开该文件。这将是有益的,因为我不必去寻找该组件。我经常想在 VS Code 中查看某个组件的源代码,但由于组件的模块化复用,代码库太大,名称重叠,组件结构不模仿页面结构,很难找到准确的组件如果您是代码库的新手。如果有一种方法可以简单地使用 React 开发工具中的组件选择器工具,则单击突出显示的组件即可转到 IDE 中的文件。

小智 1

您可以使用 React Inspector,它直接从浏览器在 VsCode 中打开您的代码。

链接-> https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh/lated