vue ui是什么？

簡單來說，vue ui是一個可視化圖形界面，方便你去創(chuàng)建、更新和管理vue項目，包括下載router，vuex，axios，elementui等插件，配置好一些屬性以及依賴關(guān)系，方便我們使用，我個人第一次接觸它就感覺非常非常非常智能和強大

配置步驟

1.安裝Vue CLI，因為vue 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)建一個vue項目，提前在桌面建好文件夾，復制路徑，在終端上切換到你復制的路徑下，這樣會比較快

6.輸入命令vue ui，此時瀏覽器會跳轉(zhuǎn)localhost:8080，然后你就可以新建你的項目了，如下圖所示

選擇預設(shè)，根據(jù)你的項目需要的插件來選擇，這里選擇手動，如下圖所示

根據(jù)咱們的業(yè)務(wù)需求來選擇配置，比如Router，Vuex，CSS預處理器是我們經(jīng)常用到的東西，我們就可以選擇它們，如下圖所示

在上圖你可以保存為你的預設(shè)，也可以不保存，直接創(chuàng)建項目，完成之后如下圖所示

然后你用編譯器打開項目就可以發(fā)現(xiàn)，之前選擇的router，vuex以及l(fā)ess全部幫我們裝好了，就可以直接使用了，是不是很方便？下載新的插件

我們的項目中難免會用到elementui以及axios，我們直接安裝就可以使用了

注意：只要使用到了vue ui，我們在終端打開的vue ui就不能關(guān)掉了，也就是說不能關(guān)閉終端，而且要以管理員身份運行

總結(jié)

到此這篇關(guān)于vue ui安裝步驟及使用的文章就介紹到這了,更多相關(guān)vue ui安裝使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！