建立專案
開始建置 SvelteKit 應用程式最簡單的方式是執行 npx sv create
npx sv create my-app
cd my-app
npm install
npm run dev
第一個命令會在 my-app
目錄中建立一個新的專案,並詢問你是否要設定一些基本工具,例如 TypeScript。有關設定其他工具的提示,請參閱整合。後續的命令將安裝其相依性,並在 localhost:5173 上啟動伺服器。
有兩個基本概念
- 你應用程式的每個頁面都是一個 Svelte 元件
- 你可以透過將檔案新增到專案的
src/routes
目錄來建立頁面。這些頁面將會伺服器端渲染,以便使用者首次瀏覽你的應用程式時能夠盡可能快速,然後由用戶端應用程式接管。
試著編輯檔案,以了解所有內容如何運作。
編輯器設定
我們建議使用 Visual Studio Code (又名 VS Code) 以及 Svelte 擴充功能,但許多其他編輯器也支援。