[Prerequisites] Download Node.js https://nodejs.org/en/download/package-manager npm 全名是 node package manager [ Vite 建置VUE 專案] 命令列選項直接指定項目名稱和你想要使用的範本。例如,要建置一個 Vite + Vue 項目 % npm create vite@latest % npm create vite@latest my-vue-app -- --template vue Vite 為建置工具 相對之前Vue Cli 建置工具, Vue 團隊開發 Vite 的目的, 主要就是為了解決「伺服器啟動慢」和「更新速度慢」 %npm create vite@latest 安裝所需套件 %npm install 下載 package(套件)本身,以及其他的dependency 套件 可以查看 設定檔 package.josn ,有列出專案依賴的套件 如需要安裝其他套件(列出常用幾個說明) Vue Router :是由前端所模擬的網頁路由技術,可以讓使用者透過網址,決定要顯示的頁面 axios :套件來處理AJAX,作為HTTP請求工具 Pinia :是 Vue 的專屬狀態(數據)管理庫,它允許你跨元件或頁面共享狀態 vue3-easy-data-table:方便建立資料表,且支援基本的排序、分頁與選取功能 參考網址: https://v3.router.vuejs.org/ https://axios-http.com/docs/intro https://pinia.vuejs.org/zh/ https://hc200ok.github.io/vue3-easy-data-table-doc/features/footer-customization.htmlVue %npm install 套件名稱 安裝 vite 命令列工具 %npm install -D vite %npm install axios %npm install vue3-easy-data-table 啟動 專案 % npm run dev 瀏覽器 http://localhost:5173/ 相關設定檔 Vite...