demo 地址: https://github.com/iotjin/jh-vue-demo
官網(wǎng) - Vue CLI 創(chuàng)建一個(gè)項(xiàng)目
Mac安裝Vue環(huán)境
vue移動(dòng)端項(xiàng)目搭建
一 爷恳、vue/cli 安裝
1.vue依托nodejs，所以首先要安裝nodejs
node -v
npm -v
命令：node -v 查看是否安裝了nodejs （有版本號(hào)即成功）
Node.js官網(wǎng)
命令：npm -v 查看是否安裝了npm (有版本號(hào)即成功)
說(shuō)明：npm是node的包管理工具咳秉，默認(rèn)安裝完node之后炒辉，npm會(huì)自動(dòng)安裝上的货矮。
2.安裝Vue
說(shuō)明：vue依托nodejs，vue只是node萬(wàn)千包中的一個(gè)矩欠。
1.先查看電腦里有沒(méi)有安裝vue:
vue -V
命令：vue -V //注意V大寫(xiě)询一，若提示 command not found 則進(jìn)行下一步；若提示版本號(hào)為：2.9.6 是晨，則需要卸載這一版本
ps:很多人用npm install vue-cli -g 命令肚菠，安裝的都是2.9.6版本，最新的版本安裝命令是“npm install -g @vue/cli”罩缴；另案糙，3.0以上版本集成了圖形界面，所以放棄2.9.6吧
卸載2.9.6等舊版本的命令：sudo npm uninstall vue-cli -g
2.新版vue腳手架安裝命令：sudo npm install -g @vue/cli
sudo npm install -g @vue/cli
前面加sudo 是獲取系統(tǒng)的權(quán)限靴庆，之后需要輸入密碼时捌，不加sudo可能因?yàn)闄?quán)限的問(wèn)題安裝失敗。
在這里插入圖片描述
3. vue -V 命令查看vue-cli 版本
如果安裝vue出現(xiàn)一些警告和錯(cuò)誤炉抒，別管他奢讨，清除一下緩存就行
清除緩存的命令：npm cache clean --force
清除緩存后，
用vue -V 命令查看版本焰薄，2021.04安裝的版本是4.5.12
vue -V
在這里插入圖片描述
二 拿诸、項(xiàng)目創(chuàng)建
使用vue3.0的圖形化界面啟動(dòng)Vue,在終端輸入vue ui
vue ui
在這里插入圖片描述
啟動(dòng)成功后會(huì)自動(dòng)打開(kāi)頁(yè)面,然后使用圖形界面創(chuàng)建項(xiàng)目
在這里插入圖片描述
在這里插入圖片描述
