一福贞、 使用vue3 和 @vue/cli 環(huán)境要求
- 注意這里不要安裝最新的node版本雪营，我剛開始安裝node16版本，但是在進(jìn)行操作的時候會提示你npm的版本最高支持到12乍钻，后來我又重新降低了版本才正常咖杂；
- 更新了 node 之后庆寺，最好同時更新下 npm 的版本（npm install -g npm）；
node 12.5.0以上
@vue/cli
Tips：如果發(fā)現(xiàn) npm 版本更新不成功诉字，先清除緩存懦尝，然后重新升級
緩存路徑： C:\Users\xxx\AppData\Roaming，直接刪掉紅框中的文件即可奏窑；
二导披、更新 node 之后如果install之前的項(xiàng)目發(fā)現(xiàn)報(bào)錯，python環(huán)境報(bào)錯埃唯？
Can‘t find Python executable “python“, you can set the PYTHON env variable
可能原因如下：
2.1. npm源速度慢。
2.2. node-sass除了npm部分的代碼鹰晨，還會下載二進(jìn)制文件binding.node墨叛，默認(rèn)源是github，國內(nèi)訪問較慢,特殊時期甚至無法訪問模蜡。
2.3. node版本與node-sass版本不兼容漠趁。
2.4. 緩存中binding.node版本不一致。
2.5. 安裝失敗后重新安裝忍疾。
2.6. 提示沒有安裝python闯传、build失敗，假如拉取binding.node失敗卤妒，node-sass會嘗試在本地編譯binding.node甥绿，過程就需要python。
2.7. 沒有安裝python或node-sass 则披。那么安裝失敗的問題共缕，是因?yàn)楸粔α耍琻pm 安裝 node-sass 依賴時士复，會從 github.com 上下載 .node 文件图谷。由于國內(nèi)網(wǎng)絡(luò)環(huán)境的問題，這個下載時間可能會很長阱洪，甚至導(dǎo)致超時失敗便贵。這是使用 sass 的開發(fā)者可能都會遇到的郁悶的問題。
Tips：最方便的解決方式就是更換npm鏡像源為淘寶鏡像以及卸載node-sass依賴重新下載就好啦
三冗荸、想要在電腦上同時使用 vue-cli 和 @vue/cli承璃？
3.1. 在D盤上新建 vue2 和 vue3 文件夾；
3.2. 在 vue2 文件夾下執(zhí)行 npm install vue-cli俏竞，在 vue3 文件夾下執(zhí)行 npm install @vue/cli;
3.3. 自改vue2\node_modules.bin 下vue 和 vue.cmd 文件的文件名為vue2 和 vue2.cmd绸硕；
3.4. 配置環(huán)境變量堂竟；
創(chuàng)建不同版本vue-cli文件夾
修改名稱
修改環(huán)境變量
修改路徑
完成
Tips：舊版項(xiàng)目中的vue-cli沒有影響，因?yàn)榕f項(xiàng)目中的vue-cli是已經(jīng)生成的玻佩，新創(chuàng)建的vue2和vue3命令用來生成新的vue項(xiàng)目模版出嘹；
四、使用 @vue/cli創(chuàng)建一個新的工程咬崔？
node 版本要求： 12.5.0 以上
vue/cli版本要求： 4.5.0以上
npm install -g @vue/cli
vue create vue3-basic
選擇手動配置
配置
配置
配置
如果想要界面化的配置税稼，可以使用命令 vue ui
四、新生成的vue目錄結(jié)構(gòu)
參考文檔：
https://blog.csdn.net/Jioho_chen/article/details/90455778
https://blog.csdn.net/qq_39165556/article/details/94590365
