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 访问,具体以项目配置为准。

访客计数:------ Best viewed in Netscape Navigator · 800×600 © LocalHost Run