PhpStorm 无原生实时预览功能,需组合内置 PHP Web Server、浏览器自动刷新插件及禁用 OPcache 实现;改 PHP 文件后需手动重启服务或改用 php-watch 工具实现保存即刷新。

PhpStorm 里没有真正的“实时代码预览”功能
PhpStorm 本身不提供像 VS Code + Live Server 那样的浏览器自动刷新预览能力,它是个 IDE,不是本地服务器。所谓“实时预览”,实际是靠组合配置实现的:启动本地 PHP 服务 + 浏览器自动刷新 + 文件变更触发机制。直接在设置里找“实时预览”选项会扑空。
用内置 PHP Web Server + 浏览器刷新插件最轻量
适合纯 PHP + HTML + CSS 的小项目,无需 Apache/Nginx。关键不是配 PhpStorm,而是让浏览器响应文件保存动作:
- 启用内置服务:
Run → Edit Configurations → + → PHP Built-in Web Server,Document root 填项目根目录,Host 建议设localhost,Port 选8000(避免权限问题) - 浏览器装插件:Chrome 推荐
Live Server或Auto Refresh Plus;Edge 可用Auto Refresh - 在插件设置里勾选
Refresh on file change,并把监听路径设为你的项目目录(或留空默认监听当前 tab) - 别用
http://127.0.0.1:8000—— 某些插件对localhost解析更稳,统一用http://localhost:8000
改了 PHP 代码却没刷新?检查这三点
常见“不实时”根本不是 PhpStorm 设置问题,而是服务/缓存链路断了:
- PHP 内置服务默认不支持重载:每次改完必须手动点
Stop再Run,否则看到的是旧字节码 —— 这是最大坑点 - 浏览器开了 DevTools 且勾了
Disable cache (while DevTools is open):这个开关只影响 Network 面板,不影响页面自动刷新逻辑 - PHP OPcache 启用了:本地开发建议关掉,编辑
php.ini把opcache.enable=0,然后重启内置服务
需要真热更新?用 PHP Watch 工具替代内置服务
想保存即刷新、不用点运行按钮,得换工具。PhpStorm 不内置,但可无缝集成:
立即学习“PHP免费学习笔记(深入)”;
- 全局装:
composer global require bitexpert/php-watch(确保 Composer bin 目录在 PATH) - 在 PhpStorm 终端运行:
php-watch --on-start "echo 'Server started'" --on-change "echo 'Reloading...'" ./public(./public替换为你入口目录) - 配合浏览器插件,改完
.php文件,终端会打印 reload 日志,浏览器几乎同步刷新 - 注意:
php-watch默认监听.php和.html,如需加.css或.js,加参数--watch-ext=".php,.html,.css,.js"
复杂点在于 PHP 脚本错误会导致 watch 进程退出,得看终端日志;另外它不处理路由重写,纯静态结构最稳。


















