今天的任務就是把開發環境準備好。要用到的工具包含 Node.js 和 Vite。
其中 Vite 是一個相當輕量又快速的前端建構工具，它內建開發伺服器，可以即時預覽專案內容。它的特點是只載入當下需要的檔案，讓啟動速度比傳統工具快上許多，對開發者來說非常方便。

不過在使用 Vite 之前，我們需要先安裝 Node.js。因為 Node.js 不僅提供讓 JavaScript 能在瀏覽器外執行的環境，還會一併安裝 npm（Node Package Manager）。npm 就像專案的工具箱，能幫我們管理外部套件、函式庫，讓開發過程更有效率。

所以第一步，先把 Node.js 安裝好

第二步
在 VScode 裡面測試，先新增一個資料夾，然後在終端機 (Terminal) 裡面打指令就可以看到目前安裝的版本

node -v
npm -v

第三步
執行 vite設定安裝

npm init vite@latest 

輸入專案名稱

framework 要選擇 Vue

下一個選擇JavaScript

再來 cd （change directory ）到專案裡面

cd您剛取的專案名稱

安裝 Node套件

npm install

最後就能執行開啟檔案了！

npm run dev

現在我們的前置作業都完成了～！明天將進入寫程式的部分。