5分钟生成完整 React 项目脚手架，含最佳实践配置
提示词描述：
适合新启动 React 项目时快速搭建工程化框架，也适合对现有项目配置不满意想要重新规划的场景。覆盖了从构建工具到代码规范、从目录结构到核心依赖的全方位配置，让你省去查阅各种教程的时间，直接获得一套经过验证的最佳实践方案。
提示语关键词：
React项目初始化,AI生成代码,React脚手架,Vite配置,前端工程化,React项目模板
提示词内容：
假设你是一位全栈开发专家和 DevOps 工程师，熟悉现代前端工程化最佳实践。
我需要你帮我生成一个完整的 React 项目初始化方案，请包含以下内容：
项目基础配置：
- 使用 Vite 作为构建工具，给出完整的 vite.config.ts 配置
- 配置 TypeScript，包含 tsconfig.json 的推荐设置
- 配置 ESLint + Prettier，给出 .eslintrc.js 和 .prettierrc 的完整配置
- 配置 Husky + lint-staged 实现提交前代码检查
目录结构设计：
- 给出推荐的 src 目录结构树
- 说明每个目录的职责和放置规则
- 包含 components、pages、hooks、utils、services、store、types 等目录的规划
核心依赖推荐：
- 路由：React Router v6 配置示例
- 状态管理：Zustand 或 Redux Toolkit 的选择建议和基础配置
- 请求库：Axios 封装示例，包含拦截器、错误处理、类型定义
- UI 组件库：推荐方案及按需引入配置
- 工具库：lodash、dayjs 等常用工具的配置
环境变量管理：
- .env.development 和 .env.production 的配置示例
- 类型定义文件 env.d.ts 的写法
请按照以上结构，生成可以直接复制使用的完整配置文件内容，并在关键配置处添加注释说明。最后给出 package.json 的 scripts 配置和初始化命令。