SuperAPI AI 工具集

sveltekit-structure

前端与建站

查看项目

更新于 10-16 05:45

技能介绍

用途:为 SvelteKit 项目提供结构层面的指导,适用于路由、布局、错误处理、SSR 以及 svelte:boundary 相关场景。

主要能力:说明文件类型与命名约定,包括 +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 会包裹其后代路由。

使用方式:在布局中使用 {@render children()} 渲染子内容;错误处理使用 +error.svelte,并放置于出错路由之上;分组目录 (name) 不影响 URL;仅客户端代码需检查 browser。

参考文件:file-naming.md(文件命名约定)、layout-patterns.md(嵌套布局)、error-handling.md(+error.svelte 放置)、svelte-boundary.md(组件级错误与待处理状态)、ssr-hydration.md(SSR 与仅浏览器代码)。

限制:资料未提供安装命令、收费信息、平台支持范围或具体效果说明;最后验证时间为 2025-01-11。