You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Mac版Visual Studio是否可以启用保存后自动重载功能?

解决Mac版Visual Studio保存React项目时自动重载的方案
  • 确认启动的是React开发模式服务
    使用Create React App搭建的项目执行npm start启动开发服务,使用Vite搭建的项目执行yarn dev/npm run dev启动,两类官方脚手架默认都自带热重载/快速刷新能力,无需额外安装Visual Studio扩展即可实现保存后自动重载页面,不需要每次重启服务。
  • 调整Visual Studio保存配置
    按下Mac快捷键Command + ,打开设置面板,搜索Auto Save,将自动保存模式调整为afterDelay或onFocusChange,确保代码修改后文件会被主动保存,才能触发开发服务的文件变更监听。
  • 排查项目配置异常
    • 如果是Create React App项目,检查根目录.env系列文件中是否存在FAST_REFRESH=false配置,存在的话删除该行即可恢复快速刷新能力
    • 如果是Vite项目,检查vite.config.js配置文件中是否手动关闭了server.hmr相关配置,确保热重载功能处于开启状态
  • 修复Mac系统文件监听限制
    当项目文件数量过多时,Mac默认的文件监听数上限会导致开发服务监听不到文件变更,打开终端执行以下命令调整限制:
    sudo sysctl -w kern.maxfiles=5242880
    sudo sysctl -w kern.maxfilesperproc=524288
    
  • 规避文件目录异常
    不要把React项目放在iCloud同步目录、外接硬盘、网络共享文件夹内,这类目录的文件变更通知会出现延迟或失效,将项目迁移到本地普通目录即可解决。

内容的提问来源于stack exchange,提问作者David Meyers

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 19:06:07