Vite + Vue3 (route + pinia) 安裝教學

使用者在家目錄中創建名為 vue-dev 的目錄並安裝 Vue3。通過命令行初始化項目,選擇所需功能並跳過範例代碼,最終完成項目建置。進入專案目錄後,安裝所有相關模塊並確認無漏洞,準備開發環境。
建立目錄
切換到使用者家目錄,新增目錄 vue-dev,並進入該目錄:
cd ~
mkdir vue-dev
cd vue-dev
安裝
安裝 Vue3:
npm init vue@latest
> npx
> create-vue
┌ Vue.js - The Progressive JavaScript Framework
│
◇ 請輸入專案名稱:
│ home
│
◇ 請選擇要包含的功能: (↑/↓ 切換,空格選擇,a 全選,enter 確認)
│ Router(單頁應用程式開發), Pinia(狀態管理)
│
◇ 請選擇要包含的試驗特性: (↑/↓ 切換,空格選擇,a 全選,enter 確認)
│ none
│
◇ 跳過所有範例程式碼,建立一個空白的 Vue 專案?
│ No
正在建置專案 /home/jacky/vue-dev/home...
│
└ 專案建置完成,可執行以下命令:
cd home
npm install
npm run dev
| 可選:使用以下命令在專案目錄中初始化 Git:
git init && git add -A && git commit -m "initial commit"
安裝 Modules
進入專案目錄後安裝所有 Modules:
cd home
npm install
added 153 packages, and audited 154 packages in 19s
47 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
參考

本著作係採用創用 CC 姓名標示-相同方式分享 3.0 台灣 授權條款授權.