• 安裝vue3腳手架
• 建立vue3專案
• 配置外掛
• 配置依賴

安裝vue3腳手架

1. 安裝配置Node.js
2. 開啟cmd命令列介面
3. 輸入npm install @vue/cli，安裝vue3腳手架
4. 輸入vue -V，檢視vue3版本
   

建立vue3專案

1. 開啟VSCode，開啟需要存放前端專案的資料夾，並開啟終端

2. 輸入vue ui，等待彈出vue專案管理器

3. 點選建立，並選擇需要建立vue3前端專案的資料夾，點選再此建立新專案
   

4. 輸入專案名，有git的可以輸入倉庫名，下一步
   

5. 第一次配置選擇手動
   

6. 選擇自己想裝的外掛，下一步
   

   • Babel是一個javascript編譯器。勾選。
   • TypeScript 支援使用 TypeScript 書寫原始碼。勾選。
   • Progressive Web App (PWA) Support PWA 支援。
   • Router 支援 vue-router 。勾選。
   • Vuex 支援 vuex 。勾選。
   • CSS Pre-processors 支援 CSS 前處理器。
   • Linter / Formatter 支援程式碼風格檢查和格式化。勾選。
   • Unit Testing 支援單元測試。
   • E2E Testing 支援 E2E 測試。
   • 使用配置檔案。勾選。

7. Pick a linter / formatter config:選擇ESLint標準配置，其他預設，建立專案
   

8. 建立時可以儲存剛剛配置的預設，下一次建立新專案時，就可以直接選擇該預設。
   

9. 建立完成。
   
   10.點選任務，並點選執行，執行完成後，點選啟動app
   
   

配置外掛

1. ElementUI外掛vue-cli-plugin-element，安裝後第一項選擇Import on demand
   

配置依賴

1. axios