简介

开始之前

如果您是 Svelte 或 SvelteKit 的新手，我们建议您查看交互式教程。

如果您遇到问题，请在Discord 聊天室寻求帮助。

什么是 SvelteKit？

SvelteKit 是一个框架，用于使用Svelte快速开发健壮、高性能的 Web 应用程序。如果您来自 React，SvelteKit 类似于 Next。如果您来自 Vue，SvelteKit 类似于 Nuxt。

要了解有关您可以使用 SvelteKit 构建的应用程序类型的更多信息，请参阅常见问题解答。

什么是 Svelte？

简而言之，Svelte 是一种编写用户界面组件的方式——例如导航栏、评论部分或联系表单——用户在其浏览器中看到并与之交互。Svelte 编译器将您的组件转换为可以运行以呈现页面 HTML 的 JavaScript 和为页面设置样式的 CSS。您无需了解 Svelte 即可理解本指南的其余部分，但这将有所帮助。如果您想了解更多信息，请查看Svelte 教程。

SvelteKit 与 Svelte

Svelte 渲染 UI 组件。您可以组合这些组件并仅使用 Svelte 渲染整个页面，但您需要比 Svelte 多的东西才能编写整个应用程序。

SvelteKit 帮助您构建 Web 应用程序，同时遵循现代最佳实践并提供对常见开发挑战的解决方案。它提供了从基本功能（例如在单击链接时更新 UI 的路由器）到更高级功能的所有内容。其广泛的功能列表包括构建优化以仅加载最少的必需代码；离线支持；预加载用户导航之前的页面；可配置的渲染通过SSR处理应用程序的不同部分，通过客户端渲染在浏览器中处理，或通过预渲染在构建时处理；图像优化；等等。构建一个包含所有现代最佳实践的应用程序非常复杂，但 SvelteKit 会为您完成所有乏味的工作，以便您可以继续进行创意部分。

它通过利用Vite和Svelte 插件执行热模块替换 (HMR)，从而在浏览器中即时反映代码更改，从而提供快速且功能丰富的开发体验。