vue?ui的安裝步驟以及使用詳解
vue ui是什么？
簡單來說，vue ui是一個(gè)可視化圖形界面，方便你去創(chuàng)建、更新和管理vue項(xiàng)目，包括下載router，vuex，axios，elementui等插件，配置好一些屬性以及依賴關(guān)系，方便我們使用，我個(gè)人第一次接觸它就感覺非常非常非常智能和強(qiáng)大
配置步驟
1.安裝Vue CLI，因?yàn)関ue ui是在Vue CLI基礎(chǔ)上封裝的
npm install -g @vue/cli
2.打開C:\Users*xxxx*\AppData\Roaming\npm，看看有沒有下圖框出的文件
3.將C:\Users*xxxx*\AppData\Roaming\npm添加到環(huán)境變量中
4.雙擊vue.cmd，以管理員身份打開終端，輸入vue -V，若出現(xiàn)版本信息，說明安裝成功
5.為了快捷起見，比如你想在桌面創(chuàng)建一個(gè)vue項(xiàng)目，提前在桌面建好文件夾，復(fù)制路徑，在終端上切換到你復(fù)制的路徑下，這樣會(huì)比較快
6.輸入命令vue ui，此時(shí)瀏覽器會(huì)跳轉(zhuǎn)localhost:8080，然后你就可以新建你的項(xiàng)目了，如下圖所示
選擇預(yù)設(shè)，根據(jù)你的項(xiàng)目需要的插件來選擇，這里選擇手動(dòng)，如下圖所示
根據(jù)咱們的業(yè)務(wù)需求來選擇配置，比如Router，Vuex，CSS預(yù)處理器是我們經(jīng)常用到的東西，我們就可以選擇它們，如下圖所示
在上圖你可以保存為你的預(yù)設(shè)，也可以不保存，直接創(chuàng)建項(xiàng)目，完成之后如下圖所示
然后你用編譯器打開項(xiàng)目就可以發(fā)現(xiàn)，之前選擇的router，vuex以及l(fā)ess全部幫我們裝好了，就可以直接使用了，是不是很方便？下載新的插件
我們的項(xiàng)目中難免會(huì)用到elementui以及axios，我們直接安裝就可以使用了
注意：只要使用到了vue ui，我們?cè)诮K端打開的vue ui就不能關(guān)掉了，也就是說不能關(guān)閉終端，而且要以管理員身份運(yùn)行
總結(jié)
到此這篇關(guān)于vue ui安裝步驟及使用的文章就介紹到這了,更多相關(guān)vue ui安裝使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue-CLI與Vuex使用方法,結(jié)合實(shí)例形式分析了Vue-CLI創(chuàng)建項(xiàng)目與Vuex相關(guān)概念、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-01-01
在項(xiàng)目中經(jīng)常會(huì)遇到圖片上傳功能，今天腳本之家小編給大家?guī)砹耸褂肰ue實(shí)現(xiàn)圖片上傳的三種方式，感興趣的朋友一起看看吧2018-07-07
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應(yīng)用，這篇文章主要介紹了vue?route介紹、基本使用、嵌套路由,需要的朋友可以參考下2022-08-08
Vue中Video標(biāo)簽播放解析后短視頻去水印無響應(yīng)解決
這篇文章主要為大家介紹了Vue中使用Video標(biāo)簽播放?＜解析后的短視頻＞去水印視頻無響應(yīng)的解決方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
Vue cli+mui 區(qū)域滾動(dòng)的實(shí)例代碼
下面小編就為大家分享一篇Vue cli+mui 區(qū)域滾動(dòng)的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
實(shí)現(xiàn)shallowReadonly和isProxy功能示例詳解
這篇文章主要為大家介紹了實(shí)現(xiàn)shallowReadonly和isProxy功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目中引入外部的js文件的10種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的小伙伴可以參考下2023-08-08
vue項(xiàng)目嵌套iframe實(shí)現(xiàn)發(fā)送、接收數(shù)據(jù)
這篇文章主要介紹了vue項(xiàng)目嵌套iframe實(shí)現(xiàn)發(fā)送、接收數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
本篇文章主要介紹了VueJs異步動(dòng)態(tài)加載塊，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
Vue-input框checkbox強(qiáng)制刷新問題
這篇文章主要介紹了Vue-input框checkbox強(qiáng)制刷新問題，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04