在前端工作中框架可以幫我們快速的搭建一個(gè)完整的項(xiàng)目越來(lái)越受到前端工作者們的青睞。現(xiàn)有的三大主流框架中，vue作為本土開(kāi)發(fā)框架，因其門(mén)檻不高和大量的中文文檔在國(guó)內(nèi)有不少的使用者和學(xué)習(xí)者。像是vue腳手架和可視化面板可以幫助我們?cè)陧?xiàng)目開(kāi)發(fā)前裝載不少的項(xiàng)目依賴(lài)。下面，文匯軟件小編就跟大家分享下可視化面板就是vueui的搭建。

以上就是vueui的面板。

安裝vueui

首先我們說(shuō)下如何安裝vueUI

首先我們必須保證vue腳手架的版本在3.0及其以上，3.0以下的版本是沒(méi)有vueui的。

如果您現(xiàn)在裝的版本是3.0以下版本需要先卸載，如下圖

windows+R打開(kāi)命令行  在命令行中輸入 vue-V  檢測(cè)你的版本號(hào)如果低于3.0，需要輸入npm uninstall vue-cli -g卸載舊版本，然后再輸入npm install -g @vue/cli  來(lái)安裝現(xiàn)有的最新版本

安裝完了以后會(huì)提示你安裝的版本號(hào)。

然后我們?cè)倜钚休斎雟ue ui ，然后他會(huì)默認(rèn)自動(dòng)運(yùn)行http://localhost:8000，然后會(huì)打開(kāi)默認(rèn)瀏覽器運(yùn)行這個(gè)端口，如下圖

好了，以上就是小編分享的了，如想關(guān)注更多就來(lái)文匯軟件吧。