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)文章
這篇文章主要為大家詳細(xì)介紹了vue自定義封裝按鈕組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Vue v-text指令簡單使用方法,結(jié)合實(shí)例形式分析了v-text指令文本輸出顯示簡單操作技巧,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了Vue snippets插件原理與使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-10-10
vue3+vant4實(shí)現(xiàn)pdf文件上傳與預(yù)覽組件
這篇文章主要介紹了vue3如何結(jié)合vant4實(shí)現(xiàn)簡單的pdf文件上傳與預(yù)覽組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-04-04
這篇文章主要介紹了在vue自定義組件中使用?v-model指令詳情，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-06-06
這篇文章主要介紹了vue2.0 datepicker的使用方法，非常不錯(cuò)，具有參考借鑒借鑒價(jià)值，需要的朋友參考下2018-02-02
這篇文章主要介紹了淺談Vue入門需掌握的知識(shí)，感興趣的同學(xué)參考下2021-04-04
Vue微信項(xiàng)目按需授權(quán)登錄策略實(shí)踐思路詳解
這篇文章主要介紹了Vue微信項(xiàng)目按需授權(quán)登錄策略實(shí)踐思路詳解,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-05-05
Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關(guān)于vue中elementUI里面一些插件的使用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
在 Vue 3 中上傳 KML 文件并在地圖上顯示的實(shí)現(xiàn)方法
KML 文件作為一種標(biāo)準(zhǔn)的地理數(shù)據(jù)格式,廣泛應(yīng)用于地理信息系統(tǒng)（GIS）中,通過 OpenLayers 和 Vue 3 的組合,您可以方便地實(shí)現(xiàn)地圖數(shù)據(jù)的可視化和交互,本文介紹在 Vue 3 中上傳 KML 文件并在地圖上顯示的實(shí)現(xiàn)方法,感興趣的朋友一起看看吧2024-12-12