首先
在命令提示符里面查看vue版本號是否是大于3.0，
命令 vue -V
image.png
如果版本低于3.0 需要將腳手架用下面命令卸了重裝
npm uninstall -g vue-cli
npm install -g @vue/cli
或者
yarn global remove vue-cli
yarn global add @vue/cli
注：我的版本就是3.x的，就不展示卸載重裝了
新建項目
1、命令 vue ui 打開圖形化界面創(chuàng)建項目
image.png
image.png
image.png
這里選擇放在哪個目錄下面，一般選自己的工作空間
image.png
image.png
新手可以選擇默認(rèn)
我一般會自己選擇配置
image.png
對于每一項的功能，此處做個簡單描述：
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 預(yù)處理器。
Linter / Formatter 支持代碼風(fēng)格檢查和格式化。
Unit Testing 支持單元測試。
E2E Testing 支持 E2E 測試。
這一步按照自己的需求選擇
image.png
寫不寫都無所謂，下一步之后，就等待項目安裝。
安裝成功后，項目結(jié)構(gòu)
image.png
然后運行項目
image.png
image.png
