关于 React + Vite
React + Vite 将 React 组件与 Vite 快速开发服务器和模块图结合，是现代前端开发工作流。它偏向客户端渲染，路由、状态、测试和后端架构由项目选择的库决定。
核心本地进程是运行 Vite 热更新的 Node.js。当前端需要验证认证、浏览器 Cookie 或跨域行为时，才加入 API 服务、Mock 服务、HTTPS 或反向代理。
核心能力
- React 组件
- 快速 HMR
- JSX 与 TypeScript
- ES Module 开发服务器
- 生产资源构建
- 插件生态
常见使用场景
- 单页应用
- 运营数据看板
- 设计系统与组件库
- 嵌入式产品界面
- 由 API 驱动的前端原型
React + Vite 通常以前端为中心
在应用真正需要面向浏览器的依赖前，本地环境应保持精简。
- Node.js 与 Vite
- 运行 npm 脚本、HMR 服务、TypeScript 转换和生产构建。
- 后端或 API Mock
- 组件需要真实数据和错误状态时，使用项目 API、Mock 服务器或本地 BFF。
- HTTPS 与代理规则
- 需要匹配安全 Cookie、OAuth、Service Worker 或 API CORS 行为时才配置。
FlyEnv 如何提供帮助
匹配项目运行时
为 React + Vite 选择项目所需的运行时版本。
管理本地服务
仅在项目需要时启动数据库、缓存和其他服务。
保持项目隔离
让不同项目使用各自的版本和服务配置。
配置本地域名
需要时可通过本地域名和 HTTPS 访问项目。
配置本地环境
项目安装请遵循上游官方文档；FlyEnv 负责管理其所需的运行时、数据库、Web 服务器和辅助服务。
- 1按照 React + Vite 官方文档安装项目和依赖。
- 2在 FlyEnv 中选择项目需要的运行时版本。
- 3启动项目配置中指定的数据库服务。
- 4仅在项目需要时启动缓存、搜索或其他辅助服务。
- 5按需配置本地 Web 服务器、域名和 HTTPS。
- 6将相关服务加入启动组，方便重复启动。
准备好本地运行 React + Vite 吗？
使用 FlyEnv 管理本地 React + Vite 环境所需的运行时、数据库、Web 服务器和服务。