简介

在开始之前永久链接

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

如果您遇到困难，请在Discord 聊天室中寻求帮助。

什么是 SvelteKit？永久链接

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

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

什么是 Svelte？永久链接

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

SvelteKit 与 Svelte永久链接

Svelte 渲染 UI 组件。你可以组合这些组件，仅使用 Svelte 渲染整个页面，但编写整个应用需要的不仅仅是 Svelte。

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

它通过利用Vite和Svelte 插件来提供闪电般快速且功能丰富的开发体验，在浏览器中即时反映你对代码所做的更改，以进行热模块替换 (HMR)。