vue3使用vscode开发遇到热更新问题(文件保存页面不实时更新)

原创 于 2024-09-11 12:20:21 发布 · 2.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js

1.第一种情况是所有页面都不热更新

检查Live Server插件，确保安装，安装也无效可以试一下重新安装

2.只有个别页面没有热更新(本人是这种情况)

遇到这种情况就要检查路由文件中导入的文件名称与项目中文件名字是否一致(大小写也要一样)

若路由文件中 导入的为Home 那么home页面就会出现无热更新的问题，此时名称一定要保持一致！

Hello-Mr.Wang
关注
Vue3 + TS 自动检测线上环境 —— 版本热更新提醒
技术前端，忠于热爱 @0.活在风浪里
09-24 2503
部署热更新 教程
学习vue3中遇到的问题及知识总结（持续更新状态）
m0_68384650的博客
03-10 1108
1.pinia持久化插件使用的地址问题一在安装依赖时容易停留在idealTree:vue3-pinia-demo: sill idealTree buildDeps进度条卡住方法：请按照以下步骤：删除 C:\Users账户中的 .npmrc 文件在命令提示符里执行 npm cache verify在命令提示符里执行 npm config set registry https://registry.npmmirror.com 切换淘宝源之后再次执行 npm i 即可。2.包管理器的升级。
在Vue3项目中引入Vite进行热更新
Java程序员专栏
06-30 2171
完成以上步骤后，你的Vue3项目便成功使用了Vite进行热更新，你可以享受更高效的开发体验。在项目的根目录下创建一个名为`vite.config.js`的文件，准备配置Vite。Vite会自动启动开发服务器，并在文件发生变化时进行热更新，确保开发过程更加流畅高效。第五步：修改package.json脚本，使用Vite进行开发启动。第三步：在项目根目录创建一个vite.config.js文件。第一步：初始化一个Vue3项目，可以使用Vue CLI。第二步：安装Vite，使用npm或yarn。
VSCode 设置热更新
xiaowude_boke的博客
10-25 2650
热更新的方法
VSCode 热跟新
weixin_44600183的博客
06-23 1739
VSCode热更新
VSCode Webview 完美集成 Webpack 热更新
qq_39523606的博客
03-19 560
最近在写一个 VSCode 扩展时需要通过一个 Webview 去渲染一些网页内容，作为一个前端配置工程师，自然是忍受不了没有热更新的网页开发。经过了一番折腾，最终实现了让 VSCode Webview 完美集成 webpack 的热更新。 开发环境 在正式进入主题之前，先介绍下用来演示的项目开发环境。文章中演示代码仓库：vscode-webview-webpack-hmr-example。 ...
vue项目vscode插件，运行脚本及热更新
JavaBigData的博客
11-05 1209
启动脚本插件 热更新
VSCode设置网页代码实时预览的实现
10-15
6. 如果在设置或者使用过程中遇到任何问题，可以通过留言的方式寻求帮助。 通过上述步骤，我们就可以在VSCode中设置网页代码的实时预览功能。实时预览不仅可以提高开发效率，也有助于及时发现并修正代码中的错误，...
手把手制作Vue3+Flask全栈项目 全栈开发之路实战篇 问卷网站（二）管理员后台
m0_74475812的博客
06-04 1599
全栈开发一条龙——前端篇 第一篇：框架确定、ide设置与项目创建 第二篇：介绍项目文件意义、组件结构与导入以及setup的引入。 第三篇：setup语法，设置响应式数据。 第四篇：数据绑定、计算属性和watch监视 第五篇 : 组件间通信及知识补充 第六篇：生命周期和自定义hooks 第七篇：路由 第八篇：传参 第九篇:插槽，常用api和全局api。 全栈开发一条龙——全栈篇 第一篇：初识Flask&MySQL实现前后端通信 第二篇： sql操作、发送http请求和邮件发送 第三篇：全栈实现发送验证码注册账
vscode写vue3
最新发布
03-31
他们可能已经有一些前端开发经验，但可能对Vue 3或VSCode的设置不太熟悉。我应该从环境准备开始，包括安装Node.js和VSCode本身，这是基础。 接下来，用户可能需要知道如何创建一个Vue 3项目。Vite应该是推荐的工具...
vue-cli3 热更新配置操作
10-14
主要介绍了vue-cli3 热更新配置操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
1. vue3从零搭建项目-页面初始
weixin_55555471的博客
10-07 1730
vue3+typescipt 项目开发
vite热更新（vue3）
热门推荐
weixin_45369499的博客
06-07 1万+
vite热更新（vue3）
【已解决】vscode写vue3页面不更新问题
STATICHIT静砸的博客
04-06 1853
经历了很多次写着写着突然页面就不响应的事情！很痛苦，然后终于找到了原因！
vsCode保存后，浏览器不会刷新
OnismYY的博客
06-24 6663
vsCode保存后，浏览器不会刷新
VSCode中修改HTML代码无法实时刷新到浏览器页面的问题解决
博客主要分享技术教程、工具教程、bug解决、前沿技术动态、编程经验、心得感悟等。 内容同步、干货获取、推广宣发请看侧栏推广信息
08-28 8341
每个人都有惰性，但不断学习是好好生活的根本，共勉！
vue 自动检测线上环境 —— 热更新提醒
weixin_44888729的博客
03-28 482
检测文件引入，直接在main.js文件引入上面的文件。
Vue3+Vite 自动检测线上环境 版本热更新
PhoenixGuangyu的博客
04-22 893
当用户停留在当前页面很久，此时页面升级更新。若用户不刷新，就会一直停留在当前旧版本的页面上。在utils文件夹下新建autoUpdate.ts。在首页home.vue中使用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值