解決vue-cli輸入命令vue ui沒效果的問題
最近用vue-cli腳手架很順口，特別是UI控制臺，在這里，創(chuàng)建項(xiàng)目和搭建本地環(huán)境，連接服務(wù)端變得很容易，頁面ui也是一流
要怎么啟動呢？在終端輸入命令行vue ui，啟動UI控制臺，然后往瀏覽器輸入終端報(bào)出的鏈接
輸入命令行vue ui，終端會報(bào)啟動信息，這本來很正常?？墒悄?，今天不知道啥回事，輸入vue ui，終端沒反應(yīng)
我查看了vue的幫助信息，敢情是根本沒有 ‘vue ui' 這一命令行！怎么回事？vue版本怎么倒退了！
于是重新安裝vue-cli最新版（版本號必須3x以上）就行了，使用好慢的鏡像，npm來安裝
npm i -g @vue/cli
安裝完后，再查看vue的命令列表，就有ui這一命令行了
接下來，就順理成章了
補(bǔ)充知識：Question：vue-cli編譯運(yùn)行通過，但啟動app后, 界面顯示空白
vue-cli編譯通過，但啟動后的http://localhost:8080顯示空白
這里可能更多的考驗(yàn)的是debug的技巧。
界面無法顯示是由于代碼中存在隱形bug的原因。
Solution:
可以直接在http://localhost:8080的啟動頁面，按F12查看瀏覽器的console的輸出，一般情況下，會提示哪段代碼有error，再定位到error所在代碼段(.vue、.js…)，根據(jù)錯(cuò)誤提示進(jìn)行修改即可。
這里推薦大家再vue-cli項(xiàng)目中的vue.config.js 中開啟熱啟動，更方便調(diào)試。
module.exports = {
runtimeCompiler: true
}
以上這篇解決vue-cli輸入命令vue ui沒效果的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中數(shù)據(jù)響應(yīng)式原理與高效數(shù)據(jù)操作全解析
這篇文章主要為大家詳細(xì)介紹了Vue3中數(shù)據(jù)響應(yīng)式原理與高效數(shù)據(jù)操作的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-02-02
element-ui中dialog彈窗關(guān)閉按鈕失效的解決
這篇文章主要介紹了element-ui中dialog彈窗關(guān)閉按鈕失效的解決，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue提供了mixin、extends配置項(xiàng),最近使用中發(fā)現(xiàn)很好用,下面這篇文章主要給大家介紹了關(guān)于Vue中Mixin&extends的詳細(xì)使用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
詳解element-ui日期時(shí)間選擇器的日期格式化問題
這篇文章主要介紹了詳解element-ui日期時(shí)間選擇器的日期格式化問題，本文用到了DateTimePicker來選擇日期時(shí)間，但是在將數(shù)據(jù)傳回后臺的過程中遇到了一些令人頭疼的問題，有興趣的一起來了解一下2019-04-04
這篇文章主要介紹了Vue中import from@符號指的是意思,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
VSCode Vue開發(fā)推薦插件和VSCode快捷鍵(小結(jié))
這篇文章主要介紹了VSCode Vue開發(fā)推薦插件和VSCode快捷鍵(小結(jié))，文中通過圖文表格介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了Vue加載json文件的方法,結(jié)合實(shí)例形式分析了vue.js針對json文件的加載及數(shù)據(jù)讀取等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
Vue修改iview組件的樣式的兩種方案(element同)
使用vue必然會用到等iview組件庫,但是iview的組件的樣式跟自己寫的div的樣式修改不太一樣,所以本文給大家介紹了Vue修改iview組件的樣式的兩種方案(element同),需要的朋友可以參考下2024-04-04
vue?+?ele?實(shí)現(xiàn)下拉選擇框和下拉多選選擇框處理方案
這篇文章主要介紹了vue?+?ele?實(shí)現(xiàn)下拉選擇框和下拉多選選擇框處理方案,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
vue組件中使用props傳遞數(shù)據(jù)的實(shí)例詳解
這篇文章主要介紹了vue組件中使用props傳遞數(shù)據(jù)的實(shí)例詳解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04