簡介

開始之前永久連結

如果您不熟悉 Svelte 或 SvelteKit，我們建議您查看互動教學。

如果您遇到問題，請在Discord 聊天室中尋求協助。

什麼是 SvelteKit？永久連結

SvelteKit 是使用Svelte快速開發健全、高效能 Web 應用程式的架構。如果您來自 React，SvelteKit 類似於 Next。如果您來自 Vue，SvelteKit 類似於 Nuxt。

若要深入了解您可以使用 SvelteKit 建構哪些類型的應用程式，請參閱常見問題。

什麼是 Svelte？永久連結

簡而言之，Svelte 是一種撰寫使用者介面元件的方式，例如導覽列、留言區或聯絡表單，使用者可以在瀏覽器中看到並與之互動。Svelte 編譯器會將您的元件轉換為 JavaScript，可以執行以呈現頁面的 HTML 和用於設定頁面樣式的 CSS。您不需要了解 Svelte 就能理解本指南的其餘部分，但這會有幫助。如果您想了解更多資訊，請查看Svelte 教學。

SvelteKit 與 Svelte永久連結

Svelte 呈現 UI 元件。您可以組合這些元件並只使用 Svelte 呈現整個頁面，但您需要的不僅僅是 Svelte 才能撰寫整個應用程式。

SvelteKit 能協助您在遵循現代最佳實務的同時建置網路應用程式，並提供解決常見開發挑戰的方案。它提供從基本功能（例如在按一下連結時更新使用者介面的 路由器）到更進階功能的所有功能。其廣泛的功能清單包括 建置最佳化，僅載入最低限度所需的程式碼；離線支援；預載入使用者導覽之前的頁面；可設定的呈現，透過 SSR 在伺服器上、透過 用戶端呈現 在瀏覽器中，或透過 預先呈現 在建置時處理應用程式的不同部分；影像最佳化；以及更多功能。使用所有現代最佳實務建置應用程式是一件非常複雜的事，但 SvelteKit 會為您處理所有無聊的工作，讓您可以繼續進行有創意的部分。

它會立即反映您在瀏覽器中的程式碼變更，透過利用 Vite 搭配 Svelte 外掛程式 來執行 熱模組替換 (HMR)，提供極快速的、功能豐富的開發體驗。