欢迎来到 Svelte 教程！本教程将教你构建各种规模的 Web 应用程序所需的一切知识，并实现高性能和小型占用空间。

你还可以查阅 API 文档 并访问 游乐场，或者——如果你迫不及待地想要在本地机器上开始编码——使用 npx sv create 创建一个项目。

什么是 Svelte？

Svelte 是一种用于构建 Web 应用程序的工具。与其他用户界面框架一样，它允许你以声明式的方式构建应用程序，并将其分解成结合了标记、样式和行为的组件。

这些组件被编译成小型、高效的 JavaScript 模块，消除了传统上与 UI 框架相关的开销。

你可以使用 Svelte 构建整个应用程序（例如，使用像 SvelteKit 这样的应用程序框架，本教程将介绍该框架），或者你可以将其逐步添加到现有的代码库中。你还可以将组件作为独立的软件包进行发布，这些软件包可以在任何地方使用。

如何使用本教程

你需要对 HTML、CSS 和 JavaScript 有一定的了解才能理解 Svelte。

本教程分为四个主要部分

• 基础 Svelte（你当前所在位置）
• 高级 Svelte
• 基础 SvelteKit
• 高级 SvelteKit

每个部分都会提供一个练习，旨在说明某个功能。后面的练习建立在前面练习中获得的知识基础上，因此建议你从头到尾学习。如有必要，可以通过上面的菜单进行导航。

如果你遇到困难，可以点击屏幕右上角的“解决”按钮。（在不包含练习的部分，例如本部分，解决按钮会被禁用。）尽量不要过度依赖它；通过找出将每个建议的代码块放在哪里并手动将其输入编辑器，你将学得更快。