React + Vite 本地开发指南
使用 Vite 创建 React 项目，在 localhost:5173 启动热更新开发服务器，构建生产静态资源。
React + Vite 是当前最流行的 React 本地开发组合：Vite 提供极速冷启动与 HMR，React 负责 UI。适合单页应用（SPA）、组件库与中小型前端项目。
快速开始
npm create vite@latest my-app -- --template react-ts
cd my-app
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:5173 |
| 预览生产构建 | http://localhost:4173（npm run preview） |
可在 vite.config.ts 中修改 server.port 与 server.host。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 启动开发服务器 |
npm run build | 输出到 dist/ |
npm run preview | 本地预览构建结果 |
与后端 API 联调
开发阶段可在 vite.config.ts 配置代理，避免浏览器跨域：
export default defineConfig({
server: {
proxy: {
'/api': 'http://localhost:8080',
},
},
});前端请求 /api/users 会转发到本机 8080 端口的后端。
小结
React + Vite 上手快、热更新流畅，默认 http://localhost:5173 即可本地调试。生产环境将 dist/ 部署到 NGINX、Cloudflare Pages 等静态托管即可。