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

Vue.js

使用者在家目錄中創建名為 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

參考

發表留言