歡迎使用 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 上找到解答。