欢迎来到 Svelte 教程!本教程将教你轻松构建各种规模的 Web 应用,且具有高性能和体积小的特点。
你也可以查阅 API 文档并访问演练场,或者,如果你迫不及待想在本地机器上开始编程 - 使用 npx sv create
创建一个项目。
Svelte 是什么?
Svelte 是一个用于构建 Web 应用的工具。像其他用户界面框架一样,它允许你以声明式的方式使用组件构建应用,这些组件结合了标记、样式和行为。
这些组件被编译成小巧高效的 JavaScript 模块,消除了传统 UI 框架相关的开销。
你可以使用 Svelte 构建整个应用(例如,使用本教程将会介绍的 SvelteKit 这样的应用框架),或者将其逐步添加到现有的代码库中。你还可以将组件作为独立的包发布,使其在任何地方都能工作。
如何使用本教程
你需要对 HTML、CSS 和 JavaScript 有基本的了解才能理解 Svelte。
本教程分为四个主要部分:
- Svelte 基础 (你现在在这里)
- Svelte 进阶
- SvelteKit 基础
- SvelteKit 进阶
每个章节都会提供一个练习来说明某个特性。后面的练习会基于前面所学的知识,因此建议你从头到尾完成。如有需要,你可以通过上方菜单导航。
如果你遇到困难,可以点击屏幕右上角的 solve
按钮。(在像这样没有练习的章节中,solve
按钮是禁用的。)尽量不要过度依赖它;通过自己思考每个建议代码块应该放在哪里并手动输入到编辑器中,你会学得更快。
上一页 下一页
1
2
<h1>Welcome!</h1>