用途:Svelte 用于构建响应式前端界面与全栈 Web 应用,把框架工作前移到编译阶段,输出体积小、运行开销低的原生 JavaScript。
主要能力:Svelte 5 引入 Runes API,$state 提供深度响应式状态,$derived 声明自动追踪依赖的计算值,$effect 处理副作用及清理,$props 定义类型安全属性,$bindable 支持双向绑定。组件使用 {#if}、{#each} 等块语法和 class: 指令。内置 fade、slide、fly、scale 过渡、自定义过渡及 animate:flip 动画。SvelteKit 提供基于文件系统的路由(+page.svelte、+layout.svelte、[slug])、load 函数(通用与服务端)、表单 actions、重定向与 cookies 等全栈能力,并可通过适配器部署。旧版 writable/derived store 仍可使用。
使用方式:创建 SvelteKit 项目的常用命令为 npm create svelte@latest my-app,随后 cd my-app、npm install、npm run dev;仅用 Svelte 可直接用 Vite 模板创建。部署时在 svelte.config.js 选择 adapter-vercel、adapter-node、adapter-static 等。测试可用 Vitest 做单元测试、Playwright 做端到端测试。
适用场景:需要小体积、高性能的交互式界面,以及带 SSR/SSG 的全栈项目。
限制:资料未提供定价、授权、平台支持范围与最低版本要求,暂未提供;框架组件写法与 React/Vue 有差异,迁移需按 Runes 方式改写。