用途:为 Vite + React + TypeScript 项目提供 TanStack 系列库(Router/Query/Form/Table)的配置参考,按需加载模块。
主要能力:包含四个可选模块——router(Vite 插件、createRouter、RouterProvider、类型注册、VSCode 设置)、query(QueryClient 初始化、QueryClientProvider)、form(表单 provider 设置)、table(react-table 初始化)。所有模块共用基于 @tanstack/react-devtools 与 @tanstack/devtools-vite 的统一 DevTools 配置。
使用方式:通过参数指定模块,如 /vite-tanstack router query 加载 router.md 与 query.md;/vite-tanstack all 加载全部四个;不带参数时用 AskUserQuestion 多选询问所需模块。共享配置要求在 vite.config.ts 注册 devtools 插件并设置 removeDevtoolsOnBuild: true,在 main.tsx 使用 TanStackDevtools 组件包裹各模块面板,组件嵌套顺序为 QueryClientProvider 包裹 TanStackDevtools 与 RouterProvider。依赖含 @tanstack/react-devtools 及各模块对应包,devDependencies 含 @tanstack/devtools-vite 与 @tanstack/router-plugin。
适用场景:需要在 Vite + React 项目中集成 TanStack 生态并统一 DevTools 的开发者。
限制:资料未提供具体版本号、安装命令、各模块详细代码示例及兼容性说明,需查阅对应 references 文件。