用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？

最新推荐文章于 2025-09-18 21:29:47 发布
原创 最新推荐文章于 2025-09-18 21:29:47 发布 · 1.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #更新

本文介绍如何在WebStorm中禁用usesavewrite功能，避免编辑后的文件先保存为旧文件的问题。通过简单的设置调整，确保代码更改能够直接生效。

webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stystem settings下的“use save write”去掉


关于Vue 编辑/保存后，页面数据不更新的问题
News777的博客
06-10 2091
编辑页面采用Element UI 的el-dialog 组件封装起来，点击修改按钮后异步调用接口，完成后用$emit 让父组件重新调用查询数据接口
使用vue-cli创建项目登陆页面
m0_62019369的博客
10-27 1697
通过观察控制台可以发现，post发送请求时，请求参数是以json格式通过request payload进行传送的，的struts的并没有处理这种方式传递的参数。因为我们采用的是前后端分离的方式进行开发，前端和后端分别泡在不同的服务器上，基于安全性考虑，浏览器有同源策略，所以出现了跨域问题。输入的测试账号和密码均正确，使用get发送请求获取的响应为“密码正确”，但post方式发送的请求获取的响应为“密码不正确”！（起码是我们使用的struts版本），所以传递到服务器的参数并没有得到有效的解析。
解决：vue 文件每次更改必须手动 npm run dev 问题
weixin_43174225的博客
07-17 5920
主要解决：vue 文件每次更改必须手动 npm run dev 的问题 问题 1、VSCode出现"Visual Studio Code is unable to watch for file changes in this large workspace"警告的解决方法 2、用npm run dev的文件修改 Ctrl+s 之后npm 没有自动重新运行，必须手动，费时费力 上述两个问题其实是由一...
将npm run dev 冷启动从 90s 优化到 8.5s的实践
最新发布
weixin_46095200的博客
09-18 737
本文详细介绍了如何将前端本地开发冷启动时间从90秒大幅优化至8.5秒的实践过程。通过采用多线程编译预热、启用Loader缓存、优化Source Map策略等三大类措施，重点实施babel/vue-loader缓存、eval族Source Map、动态导入重型功能等核心优化手段。所有改动均针对开发环境，保持生产配置不变且可回退。优化后不仅冷启动时间显著降低，二次冷启动和热更新速度也得到提升。文章提供了完整的优化清单和回退策略，并强调应优先解决影响最大的瓶颈问题，再逐步优化细节。
【前端-Vue】热更新失败，修改完代码需要更换重新npm run dev才生效的解决方案
Chinenana的博客
12-25 6496
situation：Mac idea vue/element problem：vue 文件每次更改必须手动 npm run dev 的问题 1. reasons 1.电脑下的工程目录带有中文名或者特殊符号---###作者遇到的是该种情况 这个解决方案就是转移路径到英文目录下 2.目前文件监控的实际数目已超出当前设置值，可以通过修改配置文件的方式，增加文件监控数目 2. solution 1、检查现有文件监控数目 上述命令每台电脑不一样，具体可参照我的博客—《Windows与Mac电
解决 WebStorm 开发 vue 热加载失效
Li Nan 的博客
04-25 3239
vue 加上样式代码之后竟然需要重新启动不然不显示也是醉了
auvtrgs1759的博客
03-09 503
vue怪异现象汇总 1.vue 加上样式代码之后竟然需要重新启动不然不显示也是醉了 转载于:https://www.cnblogs.com/Home-Yzz/p/8535512.html
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
深入理解Vue-cli搭建项目后的目录结构探秘
12-01
在深入理解 Vue-cli 的目录结构之前，我们先简单回顾一下 Vue-cli 的使用流程。首先，全局安装 Vue-cli： ```bash npm install --global vue-cli ``` 接着，创建一个新的基于 webpack 模板的项目： ```bash vue ...
vue2[初级]基于vue-cli 搭建项目
u011664286的博客
09-22 361
VUE 项目构建 WebStorm构建VUE项目
Web前端系列之vue-cli与axios应用解析
sinat_30844883的博客
07-28 693
vue-cli：俗称脚手架，主要用于创建完整前端app应用，为当前流行的设计方式。 脚手架cli：命令行command line的简称。 最新的Vue3有两种格式脚手架工具，分别为webpack与vite。 axios是一种实现异步功能ajax的框架工具，也可以在vue-cli中使用。
解决vue.js + node.js搭接的项目每次修改内容后都要重启问题
dream317
11-20 5752
在我们前端开发中，采用vue.js + node.js等框架搭建的项目，每次修改了代码量比较多时，就会自动断开连接需要重新 npm run dev后才能查看修改效果，这样每次有小的改动，都要重新启动，比较麻烦，也影响我们的开发效率，通过查找发现，默认分配给node运行的空间比较小，当修改内容时，因运行内存过小而断开，需要我们给分配大一点空间就可以解决。 具体方法如下： 找到我们项目的根目录下...
修改代码后，Vue项目不能自动刷新，发现控制台报：Uncaught SyntaxError: Unexpected token ‘＜‘
qq_41930094的博客
07-09 4391
前言 别人认为重要的，并不就是你的追求。只有自己才知道什么最合适。 问题由来~及描述 将vue项目部署到nginx上，如果是第一次往nginx上部署vue项目，本地项目无需修改，只需要修改nginx上的配置，当需要在nginx上部署多个vue项目时，则本地vue项目需要做配置…（详情省略，具体我的文章有），其中一项是在项目的根路径，创建了vue.config.js文件。 1.第一次配置的:vue.config.js 2.线上是没有任何问题，但是本地项目重启后(vue.config.js只有在项
Vue 文件保存后，浏览器不自动刷新
热门推荐
Wzw的博客
01-23 1万+
Vue 文件保存后，浏览器不自动刷新 在VScode中，需要保存文件后自动刷新浏览器的内容，否则还得手动刷新浏览器，给开发造成极大的不便。我们要在项目根目录下找到vue.config.js（若没有这个文件，则新建一个），增加 hot: true。 module.exports = { devServer: { port: 3000, open: true, hot: true,//自动保存 }, } 再重新加载项目即可。 ...
webstorm实时更新，热重载，刷新（设置方法）
xiaochuanxuzhou的博客
01-11 4031
拒绝废话！
Vue3+vite项目，保存代码后页面不刷新
海风依旧
10-20 4221
问题描述：Vue3+vite项目，ctrl+s保存代码后，页面不刷新，在vite.config.js配置了热加载hmr也没用，只能通过yarn dev重新打开
解决webstrom/phpstrom 在 npm run dev无法及时热更新问题
weixin_34277853的博客
11-23 1798
2019独角兽企业重金招聘Python工程师标准>>> ...
vite+ts的项目，vscode里保存，浏览器不刷新，必须要重新npm run dev
m0_72790593的博客
01-01 1304
原因是，routes里的路径，大小写错了
vue3 项目执行npm run dev报错 errno -4048 后项目又跑起来了什么情况，怎么处理
06-15
`errno -4048`（对应`EPERM: operation not permitted`）是**Windows系统特有的文件权限错误**，主要出现在Vue3项目中执行`npm run dev`时。核心原因包括： 1. **权限不足**（最常见） - 当命令行工具未以管理员...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值