我想可视化我在项目中使用的组件。我使用 PHP 作为后端,使用 Laravel+Reactjs 作为前端。
我想要实现的是理解所有相互依赖的组件以及它们如何/向彼此传递什么。
有没有办法在 phpstorm 或 vscode 中自动生成项目外的类/组件图?我可以在 Chrome 的开发工具上可视化它吗?注意:我已经在使用 Chrome 开发工具来实现 React 组件了。
你可以尝试dependency-cruiser。
dependency-cruiser
可以可视化依赖关系。
我在我的项目中使用了一个名为 Realize for React 的 Google 扩展,它在开发人员工具中有助于可视化出现在特定路线上的组件。
但是扩展经常崩溃。
我找到了 React Architect (https://www.reactarchitect.ai) 来创建组件图,他们也有免费版本