这是一个面向 SvelteKit 项目结构的指导技能,适用于路由、布局、错误处理、SSR 或 svelte:boundary 相关需求。
主要能力:说明 SvelteKit 的文件类型与路由约定,例如 +page.svelte(页面)、+layout.svelte(包装层)、+error.svelte(错误边界)、+server.ts(API 端点);路由映射如 src/routes/about/+page.svelte 对应 /about,src/routes/posts/[id]/+page.svelte 对应 /posts/123;布局作用于所有子路由,任意层级的 +layout.svelte 都会包裹其后代;文件名以 (name) 形式出现的分组文件夹不影响 URL;仅客户端代码需检查 browser。还覆盖嵌套布局、+error.svelte 的放置位置、组件级错误与待处理状态(svelte:boundary)、SSR 与 hydration 相关要点。
参考文件包括:file-naming.md(文件命名约定)、layout-patterns.md(嵌套布局)、error-handling.md(+error.svelte 放置)、svelte-boundary.md(组件级错误/待处理)、ssr-hydration.md(SSR 与仅浏览器代码)。
使用方式:按上述约定组织 src/routes 目录;根布局用 let { children } = $props() 接收并渲染子内容,例如 {@render children()};错误处理将 +error.svelte 放在出错路由的上一层。
限制:资料未提供安装命令、版本要求、收费信息或具体运行步骤;最后验证时间为 2025-01-11,内容可能随版本变化。