解決vue-cli輸入命令vue ui沒(méi)效果的問(wèn)題
最近用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 中開啟熱啟動(dòng)，更方便調(diào)試。
module.exports = {
runtimeCompiler: true
}
以上這篇解決vue-cli輸入命令vue ui沒(méi)效果的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue.js利用defineProperty實(shí)現(xiàn)數(shù)據(jù)的雙向綁定
本篇文章主要介紹了用Node.js當(dāng)作后臺(tái)、jQuery寫前臺(tái)AJAX代碼實(shí)現(xiàn)用戶登錄和注冊(cè)的功能的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
詳解vue-cli與webpack結(jié)合如何處理靜態(tài)資源
本篇文章主要介紹了詳解vue-cli與webpack結(jié)合如何處理靜態(tài)資源，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
本文主要介紹了element表格行列拖拽的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo
這篇文章主要為大家介紹了vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
這篇文章主要介紹了vue中如何使用element的日歷組件，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-09-09
vue中el-date-picker type=daterange日期清空時(shí)不回顯的解決
這篇文章主要介紹了vue中el-date-picker type=daterange日期清空時(shí)不回顯的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
vue?element?el-select下拉滾動(dòng)加載的方法
很多朋友都遇到這樣一個(gè)問(wèn)題在使用vue+element的el-select下拉框加載返回?cái)?shù)據(jù)太多時(shí)，會(huì)造成卡頓，用戶體驗(yàn)欠佳，這篇文章主要介紹了vue?element?el-select下拉滾動(dòng)加載方法,需要的朋友可以參考下2022-11-11
Vue3 Element Plus el-form表單組件示例詳解
這篇文章主要介紹了Vue3 Element Plus el-form表單組件,Element Plus 是 ElementUI 的升級(jí)版，提供了更多的表單控件和功能，同時(shí)還改進(jìn)了一些細(xì)節(jié)和樣式，本文結(jié)合示例代碼給大家詳細(xì)講解，需要的朋友可以參考下2023-04-04
解決vue3+vite配置unplugin-vue-component找不到Vant組件
這篇文章主要為大家介紹了vue3+vite配置unplugin-vue-component找不到Vant組件問(wèn)題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了vue實(shí)現(xiàn)列表拖拽排序的功能，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-11-11