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开发vue,无法热更新

Visual Studio Code开发vue,用npm run dev跑本地服务,修改代码之后在浏览器刷新没反应,需要重新跑一遍代码才会更新,这是怎么回事呢?

我遇到的情况是没有自动保存,自己手动保存代码会发现浏览器自动更新了。

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue element商品列表的增删改功能实现

    Vue element商品列表的增删改功能实现

    这篇文章主要介绍了Vue+element 商品列表、新增、编辑、删除业务实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • element中el-container容器与div布局区分详解

    element中el-container容器与div布局区分详解

    这篇文章主要介绍了element中el-container容器与div布局区分详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 在Vue3中使用Vue Tour实现页面导览

    在Vue3中使用Vue Tour实现页面导览

    Vue Tour 是一个方便的 Vue.js 插件,它可以帮助我们在网站或应用中实现简单而灵活的页面导览功能,本文我们将介绍如何在 Vue 3 中使用 Vue Tour,并通过示例代码演示其基本用法,需要的朋友可以参考下
    2024-04-04
  • Vue实现数据导出导入实战案例

    Vue实现数据导出导入实战案例

    我们经常需要在Vue搭建的后台管理系统里进行数据导入导出等操作,下面这篇文章主要给大家介绍了关于Vue实现数据导出导入实战案例的相关资料,需要的朋友可以参考下
    2023-01-01
  • vue系列之动态路由详解【原创】

    vue系列之动态路由详解【原创】

    下面小编就为大家带来一篇vue系列之动态路由详解【原创】。小编觉得挺不错的,现在就想给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • vue父组件传值子组件报错Avoid mutating a prop directly解决

    vue父组件传值子组件报错Avoid mutating a prop directly解决

    这篇文章主要为大家介绍了vue父组件传值子组件报错Avoid mutating a prop directly解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • vue 中 beforeRouteEnter 死循环的问题

    vue 中 beforeRouteEnter 死循环的问题

    这篇文章主要介绍了vue beforeRouteEnter 死循环的问题,在文章末尾给大家补充介绍了vue中beforeRouteEnter使用的误区,需要的朋友可以参考下
    2019-04-04
  • Vue封装--如何将数字转换成万

    Vue封装--如何将数字转换成万

    这篇文章主要介绍了Vue封装--将数字转换成万的实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • Vue 动态设置路由参数的案例分析

    Vue 动态设置路由参数的案例分析

    这篇文章主要介绍了Vue 动态设置路由参数的案例分析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作

    Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作

    这篇文章主要介绍了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08

最新评论