vue实现前端热更新,vuecli热更新

　　本文主要介绍vue如何开启或关闭热更新，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　打开或关闭热更新vs开发vue，无法热更新。

开启或关闭热更新

　　在vue-cli项目中，webpack默认自动启动热更新。

　　如果不想用热更新，需要打开vue.config.js文件，找到devServer，添加inline: false。默认情况下，此变量不可用，因此如果需要取消热更新，请添加它。

　　如果找不到文件，就全局搜索“devServer”，找到，然后加上inline: false。

　　重启npm运行服务器，必须重启！

　　devServer: {

　　//热更新为true，手动刷新为false，默认值为true

　　inline: false，

　　//开发服务器端口8000

　　端口：8001，

　　代理服务器：{.}

　　}

vs开发vue,无法热更新

　　Visual Studio代码开发vue，使用npm run dev运行本地服务，修改代码后在浏览器中刷新，但是没有响应。它需要再次运行代码，然后才会被更新。这是怎么回事？

　　我遇到的是没有自动保存。如果我手动保存代码，我会发现浏览器会自动更新。

　　只需要讲vs改为自动保存即可，如下图：

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。