跳至主要內容

入門

簡介

在 GitHub 上編輯此頁面

歡迎使用 Svelte 參考文件!這份文件旨在提供給已經熟悉 Svelte 並想進一步了解如何使用 Svelte 的人。

如果你還不是(還沒有),你可能會想在查閱這份參考文件前,先瀏覽 互動式教學範例。你可以使用 REPL 線上試用 Svelte。或者,如果你想要一個功能更齊全的環境,你可以嘗試在 StackBlitz 上使用 Svelte。

開始一個新專案

我們建議使用 SvelteKit,這是 Svelte 團隊的官方應用程式架構

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

SvelteKit 會呼叫 Svelte 編譯器 來將你的 .svelte 檔案轉換成 .js 檔案,以建立 DOM 和 .css 檔案,來設定樣式。它也提供建置網頁應用程式所需的其它部分,例如開發伺服器、路由、部署和 SSR 支援。SvelteKit 使用 Vite 來建置你的程式碼。

SvelteKit 的替代方案

如果你因為某些原因不想使用 SvelteKit,你也可以使用 Svelte 搭配 Vite(但沒有 SvelteKit),方法是執行 npm create vite@latest 並選取 svelte 選項。這樣一來,npm run build 會在 dist 目錄中產生 HTML、JS 和 CSS 檔案。在大部分情況下,你可能也需要 選擇一個路由程式庫

或者,有 所有主要網頁套件管理器的外掛程式 來處理 Svelte 編譯,這些外掛程式會輸出 .js.css,你可以將它們插入你的 HTML 中,但大多數其他外掛程式不會處理 SSR。

編輯器工具

Svelte 團隊維護一個 VS Code 擴充功能,並與各種其他 編輯器 和工具整合。

取得協助

別害羞,在 Discord 聊天室 中尋求協助!你也可以在 Stack Overflow 上找到解答。

上一個
下一個 Svelte 組件