前面介紹了根據(jù)命令去安裝vue-cli4，這篇主要寫一下用vue ui，vue提供的圖形化界面如何傻瓜式的創(chuàng)建一個(gè)vue項(xiàng)目
還是以windows舉例
-
第一步,cmd
1.png
好嘛，有人居然問輸入了vue ui為甚木有反應(yīng)嘞，拜托是不是你的vue版本搞錯(cuò)了嘞，vuecli3x以上版本才會(huì)有這個(gè)東東的，可以cmd輸入
vue -h自己看看有沒有ui這個(gè)命令咯
-
運(yùn)行了以后它就會(huì)自動(dòng)運(yùn)行啟動(dòng)一個(gè)可視化的界面啦~！
image.png -
好了，仔細(xì)說一下這里面的東西，三個(gè)選項(xiàng)的作用
image.png -
創(chuàng)建項(xiàng)目
image.png
image.png -
到了這個(gè)頁面，詳情
image.png 到了這個(gè)頁面，預(yù)設(shè)，熟悉嗎熟悉嗎，這個(gè)就是命令行出來選擇預(yù)設(shè)的地方，一摸一樣，也許可視化界面更加直觀吧，我們這里還是選擇“手動(dòng)配置”
- 好嘛，下一步嚇到大家了，這么多東西要選擇，其實(shí)不用驚慌，和命令行安裝一樣一樣的，下面仔細(xì)解釋一下
-
好嘛~最終的選擇，繼續(xù)下一步
image.png -
選擇繼續(xù)咯，得嘞，上一張按照我寫的文章進(jìn)行安裝的，這里的選項(xiàng)應(yīng)該都很明白了~
image.png -
創(chuàng)建
image.png
這里讓你保存為新的預(yù)設(shè)，意思就是image
這個(gè)地方我們的預(yù)設(shè)，如果輸入一個(gè)新的名字，下次我們?cè)趧?chuàng)建項(xiàng)目的時(shí)候，就會(huì)出現(xiàn)這次選擇的相關(guān)配置好的預(yù)設(shè)，我們直接選擇自定義的這個(gè)預(yù)設(shè)，我們就可以直接使用，不需要再次選擇了
需要的自行添加就好了，完事點(diǎn)擊創(chuàng)建就好了
注意，如果是用linux或者mac安裝的同學(xué)，可能會(huì)提示文件權(quán)限的問題，大家選擇一個(gè)讀寫權(quán)限的文件夾或者chmod一下啦
- 等待一段時(shí)間后，創(chuàng)建完成以后會(huì)跳轉(zhuǎn)到一個(gè)新的頁面
-
那怎么運(yùn)行這個(gè)項(xiàng)目看效果呢，點(diǎn)擊任務(wù)-serve-運(yùn)行，我們就可以看到啦
image.png
image.png
好了，安裝的過程就此結(jié)束，剩下的大家可以提前玩一下，具體里面的插件，依賴，配置，我后續(xù)會(huì)通過多種形式寫出來，大家如果覺得這種文章書寫形式可以給你帶來干活歡迎點(diǎn)贊評(píng)論，大家共同學(xué)習(xí)交流啦~
