Atom PHP 实时预览答案

【问题标题】：Atom PHP Live PreviewAtom PHP 实时预览
【发布时间】：2020-09-04 12:57:26
【问题描述】：

我想实现不可能！经过大量研究，我根本无法在我的环境中获得基本 PHP 网站的实时预览。

我有 Windows 7/10 开发机器，首要目标是能够对 PHP / CSS / SCSS 文件进行更改，并在保存文档时自动查看更改 - 无需手动刷新浏览器。

我正在使用 Atom v1.5、Wampserver v3.0.6 并且几乎尝试了所有方法......LiveReLoad、BrowserSync 等。

当前设置除了实时预览外，我还可以显示网站，甚至可以转到 LAN 上的不同机器并访问网站....但是如果我尝试安装 Atom 包和/或 Chrome 浏览器扩展，我通常完全没有响应（即没有错误消息。）

非常感谢任何可以提供帮助的人 - 这肯定是任何专业开发人员的基本要求？

【问题讨论】：

【解决方案1】：

尽管我只是问了这个问题 - 我已经研究了一整天....但是我终于找到了有效的工具和设置组合！

我找到的解决办法是：

安装 Atom Live Server
安装 Chrome Live Web 服务器扩展
将 Chrome 扩展程序中的“实际服务器地址”设置为您在 Wampserver 别名中设置的任何内容 - 您的 httpd-hosts.conf 文件
将“Live Server Address”设置为您的 localhost + 从启动 Atom Live Server 获得的端口号：类似于“http://127.0.0.1:4769”
允许这些请求通过所有适用机器上的防火墙。

请注意，Atom Live Server 每次都使用不同的端口启动 - 因此请使用内置选项在固定端口上启动，这样您就不必不断更改 Chrome 扩展程序中的设置。

例如在 Atom 编辑器中，ctrl-alt-5 在端口 5000 上启动它

【讨论】：