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开发vue,无法热更新
Visual Studio Code开发vue,用npm run dev跑本地服务,修改代码之后在浏览器刷新没反应,需要重新跑一遍代码才会更新,这是怎么回事呢?
我遇到的情况是没有自动保存,自己手动保存代码会发现浏览器自动更新了。
只需要讲vs改为自动保存即可,如下图:
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
element中el-container容器与div布局区分详解
这篇文章主要介绍了element中el-container容器与div布局区分详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-05-05vue父组件传值子组件报错Avoid mutating a prop directly解决
这篇文章主要为大家介绍了vue父组件传值子组件报错Avoid mutating a prop directly解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
这篇文章主要介绍了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
最新评论