Vike 本地开发指南
Vike(原 vite-plugin-ssr)为 Vite 提供 SSR 与灵活渲染模式,本地开发常见 localhost:3000。
Vike(前身为 vite-plugin-ssr)是在 Vite 之上构建 SSR 应用的框架,支持 SPA、SSR、SSG 等多种渲染模式,可与 React、Vue、Solid 等视图层配合。
快速开始
npm create vike@latest
cd my-app
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:3000 |
部分模板使用 5173,以项目 package.json 与终端输出为准。
特点
- 渲染模式可配:同一项目可按路由选择 SSR 或 CSR
- 基于 Vite:开发与构建工具链与 Vite 生态一致
- 框架agnostic:页面逻辑与 UI 框架解耦程度较高
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 开发模式 |
npm run build | 构建客户端与服务端 bundle |
npm run preview | 预览生产构建 |
与 Next.js / SvelteKit 对比
Vike 更偏「Vite + 可组合 SSR 层」,自由度较高,适合已有 Vite 项目渐进引入 SSR,或需要细粒度控制渲染策略的团队。
小结
Vike 适合在 Vite 上实现 SSR/SSG,本地开发通常从 http://localhost:3000 访问,具体以项目配置为准。