vue 如何開啟或關閉熱更新
開啟或關閉熱更新
在vue-cli工程中,webpack默認是自動啟動熱更新。
如果不想使用熱更新,則需要打開 vue.config.js 文件,找到 devServer,增加 inline: false ,默認情況下是沒有這個變量的,如果需要取消熱更新才添加。
找不到文件,就直接全局搜索 “devServer”,找到它,然后加上 inline: false。
重啟 npm run serve,必須重啟!
devServer: { ? ? // true 則熱更新,false 則手動刷新,默認值為 true ? ? inline: false, ? ? // development server port 8000 ? ? port: 8001, ? ? proxy: { ... } }
vs開發(fā)vue,無法熱更新
Visual Studio Code開發(fā)vue,用npm run dev跑本地服務,修改代碼之后在瀏覽器刷新沒反應,需要重新跑一遍代碼才會更新,這是怎么回事呢?
我遇到的情況是沒有自動保存,自己手動保存代碼會發(fā)現(xiàn)瀏覽器自動更新了。
只需要講vs改為自動保存即可,如下圖:
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue3 reactive定義的引用類型直接賦值導致數據失去響應式問題
這篇文章主要介紹了vue3 reactive定義的引用類型直接賦值導致數據失去響應式問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06使用FileReader API創(chuàng)建Vue文件閱讀器組件
這篇文章主要介紹了使用FileReader API創(chuàng)建一個Vue的文件閱讀器組件,需要的朋友可以參考下2018-04-04VUE中的export default和export使用方法解析
export default和export都能導出一個模塊里面的常量,函數,文件,模塊等,在其它文件或模塊中通過import來導入常量,函數,文件或模塊。但是,在一個文件或模塊中export,import可以有多個,export default卻只能有一個。2022-12-12