開始使用
建立專案
在 GitHub 上編輯此頁面開始建立 SvelteKit 應用程式最簡單的方法是執行 npm create
npm create svelte@latest my-app
cd my-app
npm install
npm run dev
第一個指令會在 my-app
目錄中建立一個新的專案,並詢問您是否要設定一些基本工具,例如 TypeScript。請參閱 整合 以取得設定其他工具的提示。後續指令會安裝其相依性,並在 localhost:5173 上啟動伺服器。
有兩個基本概念
- 應用程式的每個頁面都是 Svelte 元件
- 您可以透過將檔案新增到專案的
src/routes
目錄來建立頁面。這些檔案將會在伺服器端呈現,以便使用者第一次造訪您的應用程式時能盡可能快速,然後再由用戶端應用程式接手
請嘗試編輯檔案,以了解所有運作方式。
編輯器設定永久連結
我們建議使用 Visual Studio Code (又稱 VS Code) 搭配 Svelte 擴充功能,但 許多其他編輯器也支援。