vue 如何開啟或關閉熱更新

更新時間：2022年04月22日 14:11:12 作者：卡爾特斯

這篇文章主要介紹了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改為自動保存即可，如下圖：

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue+elementUI實現(xiàn)點擊按鈕互斥效果
這篇文章主要為大家詳細介紹了vue+elementUI實現(xiàn)點擊按鈕互斥效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
elementui實現(xiàn)表格自定義排序的示例代碼
本文主要介紹了elementui實現(xiàn)表格自定義排序的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
vue cli實現(xiàn)項目登陸頁面流程詳解
CLI是一個全局安裝的npm包，提供了終端里的vue命令。它可以通過vue create快速搭建一個新項目，或者直接通過vue serve構建新想法的原型。你也可以通過vue ui通過一套圖形化界面管理你的所有項目
2022-10-10
vue大數(shù)據(jù)表格卡頓問題的完美解決方案
這篇文章主要給大家介紹了基于vue大數(shù)據(jù)表格卡頓問題的完美解決方案，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-03-03
vue開發(fā)實現(xiàn)評論列表
這篇文章主要為大家詳細介紹了vue開發(fā)實現(xiàn)評論列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
使用vue實現(xiàn)pdf預覽功能的方法
許多朋友想要材料上傳之后點擊預覽實現(xiàn)在瀏覽器上預覽的效果,所以本文將給大家介紹如何使用vue實現(xiàn)pdf預覽功能,文中有實現(xiàn)代碼,有需要的朋友可以參考閱讀下
2023-08-08
vue 代碼高亮插件全面對比測評
這篇文章主要介紹了vue 代碼高亮插件全面對比測評的相關資料，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下
2021-03-03
詳解Vue3中ref和reactive函數(shù)的使用
這篇文章主要為大家詳細介紹了Vue3中ref和reactive函數(shù)的使用教程，文中的示例代碼講解詳細，對我們學習Vue有一定的幫助，需要的可以參考一下
2022-07-07
去掉vue 中的代碼規(guī)范檢測兩種方法(Eslint驗證)
我們在使用vue 腳手架時，為了規(guī)范團隊的代碼格式，會有一個代碼規(guī)范檢測，如果不符合規(guī)范就會報錯，有時候我們不想按照他的規(guī)范去寫。這時我們需要關閉,這里腳本之家小編給大家?guī)砹巳サ魐ue 中的代碼規(guī)范檢測兩種方法(Eslint驗證)，一起看看吧
2018-03-03
vue導入處理Excel表格功能步驟詳解
最近開發(fā)遇到一個點擊導入按鈕讓excel文件數(shù)據(jù)導入在表格的需求,所以下面這篇文章主要給大家介紹了關于vue導入處理Excel表格功能步驟的相關資料,需要的朋友可以參考下
2022-07-07