用途:SvelteKit 是 Svelte 官方全栈框架,适合构建兼顾开发体验与性能的现代 Web 应用,支持基于文件的路由、服务端渲染(SSR)、静态站点生成(SSG)、API 路由与渐进式表单动作。
主要能力:src/routes/ 下每个 +page.svelte 直接映射 URL,支持动态段 [slug] 与通配 [...path];可用 +page.ts(通用)或 +page.server.ts(仅服务端)的 load 函数加载数据;+server.ts 提供 REST 风格端点;表单动作无需客户端 fetch 即可处理变更;+layout.svelte 与嵌套路由组织布局;通过 prerender、ssr、csr 页面选项按路由控制渲染模式;hooks.server.ts 可做会话中间件。
使用方式:执行 npm create svelte@latest my-app,进入目录后 npm install、npm run dev。脚手架选择 Skeleton 项目 + TypeScript + ESLint/Prettier。服务端专用代码放在 $lib/server/,用生成的 $types 为 load 返回值标注类型,用 event.locals 在 hooks 与 load 间传递服务端上下文。
适用场景:新建 Svelte 全栈应用、需要按路由精细控制 SSR/SSG、将 SPA 迁移到具备服务端能力的框架、需要文件路由与就近 API 端点。
限制与注意:+page.server.ts、+server.ts 与 $lib/server/ 仅在服务端运行,不可在 +page.svelte 或 +layout.svelte 中直接导入服务端代码;敏感状态应放服务端 locals 而非 store;表单需 use:enhance 才保留渐进增强;写入数据库前须校验并清理表单数据;认证 Cookie 应设 httpOnly 与 secure;表单动作内置 CSRF 保护,生产环境不要关闭 checkOrigin。POST 重定向须用 redirect(303, '/path')。
其他信息:资料未提供收费、价格、平台与效果数据。