vue 如何開啟或關(guān)閉熱更新
開啟或關(guān)閉熱更新
在vue-cli工程中,webpack默認(rèn)是自動(dòng)啟動(dòng)熱更新。
如果不想使用熱更新,則需要打開 vue.config.js 文件,找到 devServer,增加 inline: false ,默認(rèn)情況下是沒有這個(gè)變量的,如果需要取消熱更新才添加。
找不到文件,就直接全局搜索 “devServer”,找到它,然后加上 inline: false。
重啟 npm run serve,必須重啟!
devServer: {
? ? // true 則熱更新,false 則手動(dòng)刷新,默認(rèn)值為 true
? ? inline: false,
? ? // development server port 8000
? ? port: 8001,
? ? proxy: { ... }
}vs開發(fā)vue,無法熱更新
Visual Studio Code開發(fā)vue,用npm run dev跑本地服務(wù),修改代碼之后在瀏覽器刷新沒反應(yīng),需要重新跑一遍代碼才會(huì)更新,這是怎么回事呢?
我遇到的情況是沒有自動(dòng)保存,自己手動(dòng)保存代碼會(huì)發(fā)現(xiàn)瀏覽器自動(dòng)更新了。
只需要講vs改為自動(dòng)保存即可,如下圖:

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue+elementUI實(shí)現(xiàn)點(diǎn)擊按鈕互斥效果
這篇文章主要為大家詳細(xì)介紹了vue+elementUI實(shí)現(xiàn)點(diǎn)擊按鈕互斥效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
elementui實(shí)現(xiàn)表格自定義排序的示例代碼
本文主要介紹了elementui實(shí)現(xiàn)表格自定義排序的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue cli實(shí)現(xiàn)項(xiàng)目登陸頁面流程詳解
CLI是一個(gè)全局安裝的npm包,提供了終端里的vue命令。它可以通過vue create快速搭建一個(gè)新項(xiàng)目,或者直接通過vue serve構(gòu)建新想法的原型。你也可以通過vue ui通過一套圖形化界面管理你的所有項(xiàng)目2022-10-10
vue開發(fā)實(shí)現(xiàn)評(píng)論列表
這篇文章主要為大家詳細(xì)介紹了vue開發(fā)實(shí)現(xiàn)評(píng)論列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
使用vue實(shí)現(xiàn)pdf預(yù)覽功能的方法
許多朋友想要材料上傳之后點(diǎn)擊預(yù)覽實(shí)現(xiàn)在瀏覽器上預(yù)覽的效果,所以本文將給大家介紹如何使用vue實(shí)現(xiàn)pdf預(yù)覽功能,文中有實(shí)現(xiàn)代碼,有需要的朋友可以參考閱讀下2023-08-08
vue 代碼高亮插件全面對(duì)比測(cè)評(píng)
這篇文章主要介紹了vue 代碼高亮插件全面對(duì)比測(cè)評(píng)的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)使用vue框架,感興趣的朋友可以了解下2021-03-03
去掉vue 中的代碼規(guī)范檢測(cè)兩種方法(Eslint驗(yàn)證)
我們?cè)谑褂胿ue 腳手架時(shí),為了規(guī)范團(tuán)隊(duì)的代碼格式,會(huì)有一個(gè)代碼規(guī)范檢測(cè),如果不符合規(guī)范就會(huì)報(bào)錯(cuò),有時(shí)候我們不想按照他的規(guī)范去寫。這時(shí)我們需要關(guān)閉,這里腳本之家小編給大家?guī)砹巳サ魐ue 中的代碼規(guī)范檢測(cè)兩種方法(Eslint驗(yàn)證),一起看看吧2018-03-03

