游戏管理器前端框架迁移日志
项目地址：https://github.com/WangWindow/GameManager 变更历史：https://github.com/WangWindow/GameManager/compare/v0.3.2…v0.4.2
1. 是什么
最近把前段时间写的 GameManager 的前端框架进行更新迁移 （由 Vue -> React）
2. 为什么
VSCode、Zed等开发工具默认支持 React (即tsx、jsx语法)，集成度更高，可以避免再安装第三方 Vue 插件。- 代码格式化和代码诊断、代码提示支持更好。
- React 的生态更好，如 shadcn-ui 等知名的组件库支持。
- 几周前在 Cloudflare Pages 上的博客网页使用的模板为 Astro + React 框架。
所以，我决定不再使用 Vue，转而使用 React。
而这个游戏管理器项目考虑到可能需要长期维护，所以进行迁移重构还是很重要的。
3. 怎么做
在本项目中，从 Vue 迁移到 React 的过程主要分为以下 3 步：
- 将 vue 相关依赖移除，并替换为相应的 React 依赖；
- 将 ts 文件中使用 vue 组件的地方进行替换；
- 将 vue 文件重写为 tsx 文件：其中 shadcn 风格组件使用 init 命令进行初始化重建，其他自定义组件则对照着原本的 vue 文件尽可能 1:1 使用 tsx 还原。
这样就基本迁移的差不多了，然后就是对迁移后存在的 bug 和细节上的修复了。