設定

首先,先安裝開發環境與開發工具,建議安裝VS Code(也可使用自己習慣的開發環境),另外,也需要安裝Node.js,因為是多人開發的環境,會需要安裝git

Svelte可以使用javascript開發,也可以使用typescript開發,我們先以javascript為例,等大家熟悉之後,再介紹如何使用typescript開發。

產生新專案

安裝好之後,可以新增一個新的檔案夾,並在terminal利用npm產生一個新的svelte kit專案:

npm create svelte@latest

如果沒有指定檔案夾名稱,會在安裝時詢問:

Untitled

create-svelte會詢問檔案夾名稱,並且新增一個專案的檔案夾,將檔案放在檔案夾下,如果要把檔案產生在現在的檔案夾下:

npx create-next-app .

選擇template

Untitled

先選擇typescript

Untitled

啟用ESLint

Untitled

加上Prettier協助排版

Untitled

加入Playwright及Vitest