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+elementUI实现点击按钮互斥效果

    vue+elementUI实现点击按钮互斥效果

    这篇文章主要为大家详细介绍了vue+elementUI实现点击按钮互斥效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • elementui实现表格自定义排序的示例代码

    elementui实现表格自定义排序的示例代码

    本文主要介绍了elementui实现表格自定义排序的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • vue cli实现项目登陆页面流程详解

    vue cli实现项目登陆页面流程详解

    CLI是一个全局安装的npm包,提供了终端里的vue命令。它可以通过vue create快速搭建一个新项目,或者直接通过vue serve构建新想法的原型。你也可以通过vue ui通过一套图形化界面管理你的所有项目
    2022-10-10
  • vue大数据表格卡顿问题的完美解决方案

    vue大数据表格卡顿问题的完美解决方案

    这篇文章主要给大家介绍了基于vue大数据表格卡顿问题的完美解决方案,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • vue开发实现评论列表

    vue开发实现评论列表

    这篇文章主要为大家详细介绍了vue开发实现评论列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 使用vue实现pdf预览功能的方法

    使用vue实现pdf预览功能的方法

    许多朋友想要材料上传之后点击预览实现在浏览器上预览的效果,所以本文将给大家介绍如何使用vue实现pdf预览功能,文中有实现代码,有需要的朋友可以参考阅读下
    2023-08-08
  • vue 代码高亮插件全面对比测评

    vue 代码高亮插件全面对比测评

    这篇文章主要介绍了vue 代码高亮插件全面对比测评的相关资料,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下
    2021-03-03
  • 详解Vue3中ref和reactive函数的使用

    详解Vue3中ref和reactive函数的使用

    这篇文章主要为大家详细介绍了Vue3中ref和reactive函数的使用教程,文中的示例代码讲解详细,对我们学习Vue有一定的帮助,需要的可以参考一下
    2022-07-07
  • 去掉vue 中的代码规范检测两种方法(Eslint验证)

    去掉vue 中的代码规范检测两种方法(Eslint验证)

    我们在使用vue 脚手架时,为了规范团队的代码格式,会有一个代码规范检测,如果不符合规范就会报错,有时候我们不想按照他的规范去写。这时我们需要关闭,这里脚本之家小编给大家带来了去掉vue 中的代码规范检测两种方法(Eslint验证),一起看看吧
    2018-03-03
  • vue导入处理Excel表格功能步骤详解

    vue导入处理Excel表格功能步骤详解

    最近开发遇到一个点击导入按钮让excel文件数据导入在表格的需求,所以下面这篇文章主要给大家介绍了关于vue导入处理Excel表格功能步骤的相关资料,需要的朋友可以参考下
    2022-07-07

最新评论