最近用vue-cli腳手架很順口，特別是UI控制臺(tái)，在這里，創(chuàng)建項(xiàng)目和搭建本地環(huán)境，連接服務(wù)端變得很容易，頁(yè)面ui也是一流

要怎么啟動(dòng)呢？在終端輸入命令行vue ui，啟動(dòng)UI控制臺(tái)，然后往瀏覽器輸入終端報(bào)出的鏈接

輸入命令行vue ui，終端會(huì)報(bào)啟動(dòng)信息，這本來(lái)很正常。可是呢，今天不知道啥回事，輸入vue ui，終端沒(méi)反應(yīng)

我查看了vue的幫助信息，敢情是根本沒(méi)有 ‘vue ui’ 這一命令行！怎么回事？vue版本怎么倒退了！

于是重新安裝vue-cli最新版（版本號(hào)必須3x以上）就行了，使用好慢的鏡像，npm來(lái)安裝

npm i -g @vue/cli

安裝完后，再查看vue的命令列表，就有ui這一命令行了

接下來(lái)，就順理成章了

補(bǔ)充知識(shí)：Question：vue-cli編譯運(yùn)行通過(guò)，但啟動(dòng)app后, 界面顯示空白

vue-cli編譯通過(guò)，但啟動(dòng)后的http://localhost:8080顯示空白

這里可能更多的考驗(yàn)的是debug的技巧。

界面無(wú)法顯示是由于代碼中存在隱形bug的原因。

Solution:

可以直接在http://localhost:8080的啟動(dòng)頁(yè)面，按F12查看瀏覽器的console的輸出，一般情況下，會(huì)提示哪段代碼有error，再定位到error所在代碼段(.vue、.js…)，根據(jù)錯(cuò)誤提示進(jìn)行修改即可。

這里推薦大家再vue-cli項(xiàng)目中的vue.config.js 中開(kāi)啟熱啟動(dòng)，更方便調(diào)試。

module.exports = { runtimeCompiler: true}

以上這篇解決vue-cli輸入命令vue ui沒(méi)效果的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。