向大家介绍一下我开发的工具 vue-hook-optimizer。它能够分析 vue 和 react 组件，收集在组件中声明的函数、变量以及他们的依赖关系，然后生成一个图，并根据这个图给出组件的优化建议。
欢迎点击 playground 或者下载 vscode 扩展 试用。
安装和运行
# 克隆仓库并安装依赖
pnpm install
# 运行 playground
pnpm run play
打开浏览器并访问 http://localhost:3000/.
动机
还是向大家介绍一下动机。
当我们接手了一个复杂的项目时或者一个项目进行了长期开发之后，经常会有单个组件里超级多的代码，逻辑都揉在一起，存在大量的中间变量和方法暴露在模板中，而且注释也不是很完整。
所以想要有一个工具能够帮我分析一下，哪些部分是耦合比较高的，然后可以把代码抽成独立的模块，这样也更容易测试。
欢迎大家点击上面的链接尝试，或者到 项目主页 点个 🌟 。
最后，因为现在支持分析 react 代码，所以项目叫这个名字已经有点不合适了，欢迎大家给项目起个新名字！
