试图在文本编辑器atom上使用live server package

Question

我正在尝试使用实时服务器程序包，它的工作原理与编辑器Atom的livereload非常相似。服务器运行正常，但每当我进行更改+保存文件时，文件都不会自动刷新..

不确定这是否正常，但是当我在浏览器上打开服务器时，我被转发到包含服务器上所有文件的目录。如何更改此设置，以便服务器仅呈现HTML并在每次更改时刷新？

Answer 1

我的带有html元素的php文件没有打开，所以创建像.html文件这样的文件，并且每件事都运行良好。在根项目中使用.atom-live-server.json来更改某些选项，如其他浏览器。

编辑1：有解决方案！ 1-从livereload.com安装Live Reload。 2-从浏览器扩展安装Live Reload。 3-在身体之前复制并粘贴它：

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

4-执行实时重新加载和浏览器，仍可用于php文件。

Answer 2

您尚未设置要运行的实时服务器的项目文件夹，或者您已保存要在其运行位置之外查看的文件。

在左侧的项目窗口中，添加您正在使用的项目文件夹，然后删除其他任何内容。或者将文件保存在该位置。

Answer 3

atom-live-server和Google Chrome浏览器存在相同的问题。最终通过以下步骤使其工作：

1. 打开浏览器
2. 在“项目”窗格中，打开要测试的项目文件夹
3. 启动atom-live-server
4. 它应该会在浏览器中自动打开一个新页面。右键单击它，然后选择“检查->它会打开控制台”窗口。
5. 您的实时重新加载已启用。请注意控制台中的消息。

在Atom中对javascript或html进行更改后，保存更改（Ctrl + S），浏览器页面将会更新。