首先,先安裝開發環境與開發工具,建議安裝VS Code(也可使用自己習慣的開發環境),另外,也需要安裝Node.js,因為是多人開發的環境,會需要安裝git。
Svelte可以使用javascript開發,也可以使用typescript開發,我們先以javascript為例,等大家熟悉之後,再介紹如何使用typescript開發。
安裝好之後,可以新增一個新的檔案夾,並在terminal利用npm產生一個新的svelte kit專案:
npm create svelte@latest
如果沒有指定檔案夾名稱,會在安裝時詢問:
create-svelte會詢問檔案夾名稱,並且新增一個專案的檔案夾,將檔案放在檔案夾下,如果要把檔案產生在現在的檔案夾下:
npx create-next-app .
選擇template
先選擇typescript
啟用ESLint
加上Prettier協助排版
加入Playwright及Vitest