如何从我的 React 项目中创建类/组件图?

问题描述 投票:0回答:3

我想可视化我在项目中使用的组件。我使用 PHP 作为后端,使用 Laravel+Reactjs 作为前端。

我想要实现的是理解所有相互依赖的组件以及它们如何/向彼此传递什么。

有没有办法在 phpstorm 或 vscode 中自动生成项目外的类/组件图?我可以在 Chrome 的开发工具上可视化它吗?注意:我已经在使用 Chrome 开发工具来实现 React 组件了。

reactjs components uml
3个回答
3
投票

你可以尝试dependency-cruiser

dependency-cruiser
可以可视化依赖关系。


0
投票

我在我的项目中使用了一个名为 Realize for React 的 Google 扩展,它在开发人员工具中有助于可视化出现在特定路线上的组件。

但是扩展经常崩溃。


0
投票

我找到了 React Architect (https://www.reactarchitect.ai) 来创建组件图,他们也有免费版本

© www.soinside.com 2019 - 2024. All rights reserved.