跳到主要內容

建立專案

開始建置 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 擴充功能,但許多其他編輯器也支援

在 GitHub 上編輯此頁面

上一頁 下一頁