前言
? ? ? ? 前端從這里開始，本文將介紹如何使用VUE腳手架創建前端工程項目
1.預準備（編輯器和管理器）
- 編輯器：推薦使用Vscode，WebStorm，或者Hbuilder（適合剛開始練手使用），個人感覺上面這些編輯器都比較方便~看個人習慣吧，我使用的是WebStorm（需要破解）。
- Node.JS：Vue 腳手架是基于 Node.js 的環境來運行的，它需要 Node.js 提供的運行時環境和包管理工具 npm 來進行項目的創建、依賴安裝等操作。下載地址：Node.js 中文網
- 包管理工具npm：隨 Node.js 一起安裝，無需額外操作。它是 JavaScript 的默認包管理工具，能方便地安裝、更新和卸載 Vue 腳手架以及項目所需的各類依賴包。使用上相對簡單直接，對于一般的 Vue 項目開發完全能夠滿足需求。當然如果你習慣Yarn，也可以使用Yarn代替。
2.安裝VUE腳手架
在Windows系統終端中，輸入如下命令，進行腳手架的安裝：
npm install -g @vue/cli
// 如果需要更換npm的下載源，可以先使用以下命令進行換源
npm config set registry https://registry.npmmirror.com // 換為淘寶源
npm config get registry // 查看淘寶鏡像
使用 Vue -V，查看VUE腳手架是否安裝成功，顯示版本信息
3.使用腳手架創建VUE工程?
在你的工程目錄下，使用 vue create 【項目名】創建工程?，需要注意項目名不能有大寫字母。
接著界面提示你選擇一個預設配置（preset），主要有以下選項：
- Default ([Vue 3] babel, eslint)：使用 Vue 3 的默認配置，包含 Babel 和 ESLint。
- Default ([Vue 2] babel, eslint)：使用 Vue 2 的默認配置，包含 Babel 和 ESLint。
- Manually select features：手動選擇功能，可以自定義項目配置。
?
?選擇第三個自定義選項，回車。接著出現下面的選項，分別代表：
- Babel：JavaScript 編譯工具，用于將 ES6+ 代碼轉換為向后兼容的 JavaScript 版本。
- TypeScript：一種靜態類型檢查語言，編譯為 JavaScript。
- Progressive Web App (PWA) Support：為項目添加 PWA 支持，使網頁應用可以像原生應用一樣工作。
- Router：Vue 的官方路由管理器，用于構建單頁應用（SPA）。
- Vuex：Vue 的狀態管理庫，用于管理應用的狀態。（不過現在一般使用Pinia~）
- CSS Pre-processors：CSS 預處理器（如 Sass、Less 等）。
- Linter / Formatter：代碼檢查和格式化工具，用于保持代碼風格一致。
- Unit Testing：單元測試工具，用于測試代碼的各個部分。
- E2E Testing：端到端測試工具，用于測試整個應用流程。
依據你的項目需要選擇需要的部分，使用鍵盤上的 空格鍵 選擇或取消選擇功能。按 A 可以全選所有功能。?選擇完之后，直接回車。
選擇你的VUE版本，是VUE2還是VUE3?
?接著會跳出幾個問題，是否使用類組件語法，是否使用TS語言，是否啟用路由的歷史模式（history mode），使 URL 更美觀（去掉 #）。最后選擇錯誤檢查和代碼風格規范，如果你希望代碼自動格式化且減少風格爭議，建議選擇 ESLint + Prettier。
?
?
?
)
)