在進入 Vue3 之前，先讓我們先聊一下跟著 Vue3 一起出的建置工具 Vite 吧

相信有用過 Vue-cli 的朋友都知道 Vue-cli 的建置速度可以說是一言難盡，並且 Vue-cli 的熱加載也有一定的機率會出包，因此，尤宇溪大大額外開發了 Vite 來當作新型的專案建置工具，Vite 除了可以開發 Vue3 以外 react 也有支援，官方建議使用 node 16+ 以上的版本來進行開發。

Vite 是基於原生 ES 模塊的概念進行開發，在檔案的關聯處理上達到更快的速度，並且使用 rollup 來當作打包工具，可以輸出更加優化的靜態資源

與 Vue-cli 不同，Vite 的 index.html 是放在根目錄而不是 public 的，主要原因是 Vite 將專案本身視為一個伺服器，因此將 index.html 當作是專案入口

當我們要使用 Vite 建構一個基礎的 Vue 專案時，我們可以透過

npm create vue@latest

來創建我們的 Vue3 專案，並且由於預設 Vue3 是使用 composition API 加上 script setup 這個語法糖的建立，因此若還想要使用 object API 的使用者也可以將 script setup 更改成一般的 script ，剩下的按照之前的習慣來寫就好

今天稍微介紹一下 Vue3 的專案建置，明天讓我們來聊聊 proxy 與 defineProerty 的差別吧