Vue3學習
Vue3學習(一)——建立Vue3工程
1. 安裝 Node.js
首先，確保你的系統上已經安裝了 Node.js。你可以透過執行以下命令檢查：
node -v
npm -v
2. 使用 Vite 建立 Vue 3 專案
在終端（命令列）中，執行以下命令來建立一個新的 Vue 3 專案：
npm create vite@latest my-vue-app -- --template vue
其中：
my-vue-app是你的專案名稱，你可以根據需要更改。--template vue表示選擇 Vue 作為模板，Vite 將會自動為你設定 Vue 3 的工程。
3. 進入專案目錄
cd my-vue-app
4. 安裝依賴
進入專案目錄後，執行以下命令來安裝專案依賴：
npm install
5. 啟動開發伺服器
完成依賴安裝後，你可以啟動開發伺服器：
npm run dev
然後你可以在瀏覽器中開啟 http://localhost:5173，預覽你的 Vue 3 專案。
6. 構建專案
如果需要構建生產版本，可以執行：
npm run build
這將生成一個 dist 資料夾，其中包含用於部署的靜態檔案。
Vue3學習（二）——工程檔案說明
Vue3學習（三）——靜態網頁github.io部署
- 首先修改vue3工程編譯配置如下：
這樣編譯生成的檔案將儲存在docs資料夾下。
-
編譯vue3工程
npm run build -
將Vue3工程整個上傳至自己的上述倉庫名的github倉庫中
-
在github倉庫中的setting選項中，點選Pages選項，選擇要部署的倉庫分支，並選擇docs資料夾。 略等幾分鐘即可部署成功。