1.vue/cli新建

npm install -g @vue/cli   這樣就可以在全域性安裝vue/cli，

vue -V     輸入命令，檢視安裝是否成功

能出現對應的vue/cli的版本，即為安裝成功。

如果安裝明明成功了，但是無法顯示版本號，並且提示vue not ...command，則為環境變數需要配置。

npm list -g

檢視全域性環境下，包安裝路徑，複製其，配置電腦的環境變數，重啟cmd即可。

vue/cli安裝成功後，即可新建專案

2.命令列新建

vue create 專案名稱  中間步驟按需選擇

O Babel 把es6等高階程式碼轉成低端程式碼，供低版本瀏覽器使用
O TypeScript TS微軟新出的一門語言，可以用來生成js
o Progressive Web App (PWA) Support 移動端app支援
o Router 路由
o Vuex 一種統一狀態管理工具（存資料的）
o CSS Pre-processors css前處理器支援（可以用來把less等高階css語言轉成普通css）
• Linter / Formatter （程式碼風格）
o Unit Testing 測試
O E2E Testing 測試

使用vite新建

速度更快，體積更小，僅支援vue3.x，不支援2.x，並且目前還不是很穩定，正在完善中，建議將來使用。

npm init vite-app 專案名稱

如果報錯：

 輸入y進行安裝create-vite-app即可

專案目錄：

babel.config.js babel配置檔案
dist 生成的用於上線的低端程式碼
jsconfig.json js配置檔案
node modules 包倉庫
package-lock.json package的升級版，把包固定在某個版本
package.json 專案配置檔案
public 公共檔案
README.md
src 程式設計師開發寫的內容
App.vue 主元件
assets 靜態檔案
components 元件盛放資料夾
main.js 主要js（入口js）
vue.config.js vue配置檔案