Atom PHP实时预览

Atom PHP实时预览,php,atom-editor,browser-sync,livereload,Php,Atom Editor,Browser Sync,Livereload,我想实现不可能的事!经过大量研究,我根本无法在我的环境中实时预览一个基本的PHP网站 我有Windows 7/10开发机器,第一个目标是能够对PHP/CSS/SCSS文件进行更改,并在保存文档时看到更改自动显示,而无需手动刷新浏览器 我使用的是Atom v1.5、Wampserver v3.0.6,几乎所有东西都试过了……LiveReLoad、BrowserSync等等 当前的设置与live preview不同,因为我可以显示网站,甚至可以在局域网上的不同机器上访问网站……但如果我尝试安装Ato

我想实现不可能的事!经过大量研究,我根本无法在我的环境中实时预览一个基本的PHP网站

我有Windows 7/10开发机器,第一个目标是能够对PHP/CSS/SCSS文件进行更改,并在保存文档时看到更改自动显示,而无需手动刷新浏览器

我使用的是Atom v1.5、Wampserver v3.0.6,几乎所有东西都试过了……LiveReLoad、BrowserSync等等

当前的设置与live preview不同,因为我可以显示网站,甚至可以在局域网上的不同机器上访问网站……但如果我尝试安装Atom软件包和/或Chrome浏览器扩展,通常不会得到任何响应(即没有错误消息)


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

尽管我只是问了这个问题-我已经为此工作了一整天…但是我终于找到了一个有效的工具和设置组合

我找到的解决方案是:

  • 安装Atom Live Server
  • 安装Chrome Live Web服务器扩展
  • 将Chrome扩展中的“实际服务器地址”设置为您在Wampserver别名(httpd-hosts.conf文件)中设置的任何地址
  • 将“Live Server地址”设置为本地主机+从启动Atom Live Server获得的端口号:类似于http://127.0.0.1:4769"
  • 允许这些请求通过所有适用计算机上的防火墙
  • 请注意,Atom Live Server每次启动时都使用不同的端口,因此请使用内置选项在固定端口上启动,这样您就不必不断更改Chrome扩展中的设置

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