是否可以右键单击React Dev工具下可见的组件,然后单击“在IDE中显示”,这将在VSCode中打开文件。这将非常有益,因为我不必搜索组件。通常我想查看VS代码中组件的源代码,代码库太大,名称重叠,组件结构由于组件的模块化重用而无法模仿页面结构。如果你不熟悉代码库,很难找到准确的组件。如果有一种方法可以简单地使用React dev tools中的组件选择器工具,那么点击高亮显示的组件可以转到IDE中的文件。
30byixjq1#
正在等待react devtools团队发布此功能。https://github.com/facebook/react/pull/22649
sr4lhrrt2#
您可以使用React Inspector,它直接从浏览器打开VsCode中的代码。链接-〉https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh/related
2条答案
按热度按时间30byixjq1#
正在等待react devtools团队发布此功能。https://github.com/facebook/react/pull/22649
sr4lhrrt2#
您可以使用React Inspector,它直接从浏览器打开VsCode中的代码。
链接-〉https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh/related