跳至主要内容

SvelteKit

简化 Web 开发
阅读文档
SvelteKit illustration

快速

SvelteVite 提供支持,速度融入每个缝隙:快速设置、快速开发、快速构建、快速页面加载、快速导航。我们是否提到过它很快?

有趣

不再浪费时间弄清楚捆绑器配置、路由、SSR、CSP、TypeScript、部署设置和所有其他无聊的事情。快乐地编码。

灵活

SPA?MPA?SSR?SSG?没问题。无论您要构建什么,SvelteKit 都能为您提供成功所需的工具。它可以在 JavaScript 运行的任何地方运行。

亲自体验

在本地试用,在 StackBlitz 上,或使用 交互式教程
终端
npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

/ˈsvɛlt/ 形容词 迷人、纤细、优雅、时尚

SvelteKit 建立在 Svelte 之上,Svelte 是一个 UI 框架,它使用编译器让您编写出惊人简洁的组件,这些组件在浏览器中执行最少的工作,使用您已经知道的语言——HTML、CSS 和 JavaScript。这是一封写给 Web 开发的情书。

但不要相信我们的一面之词。开发者始终将 Svelte 排在他们 兴奋 关注 使用的框架。

功能?我们有。

混合搭配预渲染页面,以实现最大性能,同时使用动态服务器端渲染以实现最大灵活性。使用一行代码将你的应用变成客户端渲染的PWA,适用于整个应用或仅适用于一页。使用可访问的客户端路由,并自动预加载,以实现流畅、即时的导航,而无需重新加载整个页面(以及你的分析和其他所有垃圾)。使用自动CSRF 保护和易于使用的内容安全策略配置来保护你的用户。使用高级环境变量处理来保护你的秘密。优雅且安全地处理错误。直接从你的数据库加载数据,并使用类型安全数据加载和内置表单操作(无论是否使用 JavaScript)将你的后端连接到你的前端。在同一页面上与其他客户端路由框架共存。添加服务工作者以获得离线支持。如果你真的需要,请生成符合 AMP 的页面。使用异常强大的基于文件系统的路由构建复杂的 UI。嵌套布局?当然。学习在不同环境中工作的web 标准。与TailwindPlaywrightVitestStorybook 以及任何你想要的东西集成。构建和应用。使用适配器随处部署

无论你最终构建什么,SvelteKit 都是与你共同成长的框架。

随处部署

导出静态 HTML 文件。运行你自己的 Node 服务器。将代码部署到世界边缘。如果平台运行 JavaScript,它就会运行 SvelteKit — 在某些情况下,零配置

想尝试在其他地方部署?使用一行代码替换你的适配器。