尝试在文本编辑器 atom 上使用实时服务器包答案

【问题标题】：Trying to use live server package on text editor atom尝试在文本编辑器 atom 上使用实时服务器包
【发布时间】：2016-12-13 04:02:02
【问题描述】：

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

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

【问题讨论】：

标签： atom-editor atom-liveserver

【解决方案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 文件。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

我在 atom-live-server 和 Google Chrome 浏览器上遇到了同样的问题。最后使用以下步骤使其工作：

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

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

【讨论】：

【解决方案4】：

我通过在我正在编辑的 html 文件中添加 <head> 和 <body> 标记来修复它。（尽管我不再总是包含它们，但“实时重新加载”服务器至少需要一个才能工作。）

除非 HTML 中有可以注入脚本的标签（body、head 和 svg），否则实时重新加载将不起作用。

见this github issue！

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review