歡迎來到 Svelte 教學！這將教您輕鬆建構各種規模的網頁應用程式所需的一切知識，且具有高效能和小巧的體積。

您也可以參考 API 文件 並造訪遊樂場，或者 — 如果您迫不及待想在本地機器上開始編寫程式碼 — 使用 npx sv create 建立專案。

什麼是 Svelte？

Svelte 是一個用於建構網頁應用程式的工具。和其他使用者介面框架一樣，它允許您透過結合標記、樣式和行為的元件，以宣告式的方式建構您的應用程式。

這些元件會被編譯成小型、高效的 JavaScript 模組，消除傳統上與 UI 框架相關的開銷。

您可以使用 Svelte 建構整個應用程式（例如，使用像 SvelteKit 這樣的應用程式框架，本教學將涵蓋它），或者您可以將它逐步新增到現有程式碼庫中。您也可以將元件以可在任何地方運作的獨立套件形式發布。

如何使用本教學

您需要對 HTML、CSS 和 JavaScript 有基本的熟悉程度才能理解 Svelte。

本教學分為四個主要部分

• 基本 Svelte (您在這裡)
• 進階 Svelte
• 基本 SvelteKit
• 進階 SvelteKit

每個章節都會提供一個練習，旨在說明一項功能。後面的練習建立在早期練習中獲得的知識之上，因此建議您從頭到尾進行。如有必要，您可以透過上面的選單導覽。

如果您遇到困難，您可以點擊螢幕右上角的 解答 按鈕。（解答 按鈕在像這樣不包含練習的章節中會被停用。）盡量不要太依賴它；透過找出每個建議程式碼區塊的放置位置並手動將其輸入到編輯器中，您會學得更快。