前面介紹了根據(jù)命令去安裝vue-cli4,這篇主要寫一下用vue ui屹培,vue提供的圖形化界面如何傻瓜式的創(chuàng)建一個vue項目
還是以windows舉例
-
第一步,cmd
1.png
好嘛,有人居然問輸入了vue ui為甚木有反應嘞怔檩,拜托是不是你的vue版本搞錯了嘞惫谤,vuecli3x以上版本才會有這個東東的,可以cmd輸入
vue -h
自己看看有沒有ui這個命令咯
-
運行了以后它就會自動運行啟動一個可視化的界面啦~珠洗!
image.png -
好了溜歪,仔細說一下這里面的東西,三個選項的作用
image.png -
創(chuàng)建項目
image.png
image.png -
到了這個頁面许蓖,詳情
image.png 到了這個頁面蝴猪,預設,熟悉嗎熟悉嗎膊爪,這個就是命令行出來選擇預設的地方自阱,一摸一樣,也許可視化界面更加直觀吧米酬,我們這里還是選擇“手動配置”
image.png
- 好嘛沛豌,下一步嚇到大家了,這么多東西要選擇赃额,其實不用驚慌加派,和命令行安裝一樣一樣的,下面仔細解釋一下
image.png
image.png
-
好嘛~最終的選擇跳芳,繼續(xù)下一步
image.png -
選擇繼續(xù)咯芍锦,得嘞,上一張按照我寫的文章進行安裝的飞盆,這里的選項應該都很明白了~
image.png -
創(chuàng)建
image.png
這里讓你保存為新的預設娄琉,意思就是image
這個地方我們的預設,如果輸入一個新的名字吓歇,下次我們在創(chuàng)建項目的時候孽水,就會出現(xiàn)這次選擇的相關(guān)配置好的預設,我們直接選擇自定義的這個預設城看,我們就可以直接使用女气,不需要再次選擇了
需要的自行添加就好了,完事點擊創(chuàng)建就好了
注意析命,如果是用linux或者mac安裝的同學主卫,可能會提示文件權(quán)限的問題逃默,大家選擇一個讀寫權(quán)限的文件夾或者chmod一下啦
- 等待一段時間后,創(chuàng)建完成以后會跳轉(zhuǎn)到一個新的頁面
image.png
-
那怎么運行這個項目看效果呢簇搅,點擊任務-serve-運行完域,我們就可以看到啦
image.png
image.png
好了,安裝的過程就此結(jié)束瘩将,剩下的大家可以提前玩一下吟税,具體里面的插件,依賴姿现,配置肠仪,我后續(xù)會通過多種形式寫出來,大家如果覺得這種文章書寫形式可以給你帶來干活歡迎點贊評論备典,大家共同學習交流啦~