Qwik 本地开发指南
使用 Qwik 构建可恢复（Resumable）的 Web 应用，默认 localhost:5173 开发，极致优化首屏与交互延迟。
Qwik 是注重性能的 Web 框架，采用「可恢复」架构：服务端渲染 HTML 后，仅在用户交互时按需加载对应 JavaScript，显著降低首屏 JS 体积与 TTI。
快速开始
npm create qwik@latest
cd my-qwik-app
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:5173 |
| 预览生产构建 | http://localhost:4173（npm run preview） |
可在 vite.config.ts 中修改 server.port。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 启动 Vite 开发服务器 |
npm run build | 生产构建 |
npm run preview | 预览构建结果 |
npm run qwik add | 添加集成（React、Partytown 等） |
核心概念
$后缀：标记可懒加载的边界（组件、事件、状态）- Qwik City：内置文件路由、SSR、布局与数据加载
- 与 Vite 深度集成，开发体验接近现代 React/Vue 项目
适用场景
- 对 Core Web Vitals 要求极高的营销页与应用
- 需要 SSR 又希望客户端 JS 按需加载的场景
小结
Qwik 本地开发默认 **http://localhost:5173**，适合追求极致加载性能的现代 Web 应用。