解決vue-cli輸入命令vue ui沒效果的問題
最近用vue-cli腳手架很順口,特別是UI控制臺,在這里,創(chuàng)建項目和搭建本地環(huán)境,連接服務端變得很容易,頁面ui也是一流
要怎么啟動呢?在終端輸入命令行vue ui,啟動UI控制臺,然后往瀏覽器輸入終端報出的鏈接
輸入命令行vue ui,終端會報啟動信息,這本來很正常??墒悄兀裉觳恢郎痘厥拢斎雟ue ui,終端沒反應
我查看了vue的幫助信息,敢情是根本沒有 ‘vue ui' 這一命令行!怎么回事?vue版本怎么倒退了!
于是重新安裝vue-cli最新版(版本號必須3x以上)就行了,使用好慢的鏡像,npm來安裝
npm i -g @vue/cli
安裝完后,再查看vue的命令列表,就有ui這一命令行了
接下來,就順理成章了
補充知識:Question:vue-cli編譯運行通過,但啟動app后, 界面顯示空白
vue-cli編譯通過,但啟動后的http://localhost:8080顯示空白
這里可能更多的考驗的是debug的技巧。
界面無法顯示是由于代碼中存在隱形bug的原因。
Solution:
可以直接在http://localhost:8080的啟動頁面,按F12查看瀏覽器的console的輸出,一般情況下,會提示哪段代碼有error,再定位到error所在代碼段(.vue、.js…),根據錯誤提示進行修改即可。
這里推薦大家再vue-cli項目中的vue.config.js 中開啟熱啟動,更方便調試。
module.exports = { runtimeCompiler: true }
以上這篇解決vue-cli輸入命令vue ui沒效果的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue.js利用defineProperty實現數據的雙向綁定
本篇文章主要介紹了用Node.js當作后臺、jQuery寫前臺AJAX代碼實現用戶登錄和注冊的功能的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04詳解vue-cli與webpack結合如何處理靜態(tài)資源
本篇文章主要介紹了詳解vue-cli與webpack結合如何處理靜態(tài)資源,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09vue中el-date-picker type=daterange日期清空時不回顯的解決
這篇文章主要介紹了vue中el-date-picker type=daterange日期清空時不回顯的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-07-07vue?element?el-select下拉滾動加載的方法
很多朋友都遇到這樣一個問題在使用vue+element的el-select下拉框加載返回數據太多時,會造成卡頓,用戶體驗欠佳,這篇文章主要介紹了vue?element?el-select下拉滾動加載方法,需要的朋友可以參考下2022-11-11Vue3 Element Plus el-form表單組件示例詳解
這篇文章主要介紹了Vue3 Element Plus el-form表單組件,Element Plus 是 ElementUI 的升級版,提供了更多的表單控件和功能,同時還改進了一些細節(jié)和樣式,本文結合示例代碼給大家詳細講解,需要的朋友可以參考下2023-04-04解決vue3+vite配置unplugin-vue-component找不到Vant組件
這篇文章主要為大家介紹了vue3+vite配置unplugin-vue-component找不到Vant組件問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09