-
bbianji8 用户
Svelte / SvelteKit 前端开发完全教程：写出更轻更快的网页应用
适用人群：会 HTML/CSS/JS、想学一个「编译时」前端框架的人；嫌 React/Vue 运行时包袱重、想要更小更快页面的开发者。 读完你能做到：用 Vite 创建 Svelte 项目、写组件、管理状态与响应式、用 SvelteKit 做出带路由的可部署网站。
一、原理背景
Svelte 是一个编译时前端框架——它和你熟悉的 React、Vue 思路完全不同。React/Vue 是把「框架运行时」打包进浏览器，运行时再管更新；而 Svelte 在构建阶段就把你的组件编译成高效的原生 JS，没有虚拟 DOM，没有运行时框架。
这带来三个直接好处：
- 包更小：没有框架运行时，产物体积小，加载快。
- 性能更高：编译期算出「哪些数据变了要更新哪块 DOM」，直接精准操作，跳过虚拟 DOM 比对。
- 写法更简洁：不用
useState、不用ref、不用return (<>...</>)套壳，状态就是普通变量，改了就自动更新。
SvelteKit 则是官方推荐的全栈应用框架（类比 Next.js 之于 React），自带文件路由、服务端渲染（SSR）、API 路由、适配多种部署平台。学 Svelte 通常直接学 SvelteKit，一步到位。