Svelte 5 Development 是一个面向 Svelte 5 与 SvelteKit 开发的技能,在创建组件、处理路由、实现 runes、构建表单 actions 或搭建 SvelteKit 项目时启用。
主要能力围绕 runes 展开:$state 提供响应式状态,对象与数组的变更会自动深度响应;$derived 计算派生值,复杂逻辑可用 $derived.by;$effect 处理副作用并支持清理函数;$props 接收组件属性,可配合 TypeScript 的 interface 标注类型;$bindable 支持双向绑定。技能同时给出 SvelteKit 文件约定,如 +page.svelte、+page.server.js、+layout.svelte、+server.js、+error.svelte,以及 load 函数的数据加载方式。
使用方式上,可用 npx sv create my-app 创建项目,进入目录后 pnpm install,pnpm dev 启动开发服务器(localhost:5173),pnpm build 构建生产版本。表单部分介绍服务端 actions 与 use:enhance 渐进增强,并用 parseFormData 配合 zod 做类型安全校验;错误处理提供 isRedirect、isHttpError 守卫,以及 toast 提示与 Signpost 错误码。项目还包含 GroveTerm 等 Grove 专用 UI 组件与 toast 使用建议。
限制与注意事项:文中指出解构会破坏响应式,{#each} 应带 key,表单校验错误应使用 fail() 与内联提示而非 toast。部分内容(如 @autumnsgrove/lattice 相关 API、Grove 组件与参考文档路径)依赖该项目的具体实现,需结合实际环境确认。收费、价格、支持平台等信息暂未提供。