括号 - 实时预览不起作用答案

【问题标题】：Brackets - Live Preview not working括号 - 实时预览不起作用
【发布时间】：2014-09-26 07:42:30
【问题描述】：

我发现这个很棒的程序（html 编辑器）叫做 Brackets，它是由 Adobe 开发的。现在我得到编辑器的原因是因为我想实时预览 PHP 代码，但后来我发现我需要一个 Wamp 服务器。

现在，我正在制作一个关于页面的心情，但我无法实时预览。实时预览基本 URL 是空的，当我尝试实时预览时，我得到这个：> http://puu.sh/aDkET/4209ec1192.png

请帮帮我！ D：我在网上搜索了解决方案，但没有。如果可以的话，将不胜感激分步教程:)

亲切的问候， - PiguFilms

【问题讨论】：

这是一个编程问题的论坛。请改用 Adobe 论坛。
也许这个链接会帮助你->open project folder
stackoverflow.com/questions/34039447/… - 重复

标签： html css editor real-time adobe-brackets

【解决方案1】：

实时预览“基本 URL”是对应于您项目的 根文件夹 的 localhost URL。 Brackets 使用它从磁盘上的本地路径映射到提供相同文件的服务器 URL：它获取 HTML 文件相对于项目根目录的路径，将该相对路径附加到基本 URL，然后启动生成的完整 URL在 Chrome 中。

所以，例如：

如果您的页面位于 http://localhost/myapp/page.php 并且 page.php 文件位于项目的“myapp”子文件夹中，那么您的基本 URL 就是 http://localhost/。
如果您的页面位于 http://localhost/myapp/page.php 并且 page.php 文件位于项目的根目录中，则您的基础 URL 为 http://localhost/myapp/（这样，相对于两个基础的路径为“/page.php”）。

如果您认为基本 URL 设置正确，但仍无法正常工作，请尝试在浏览器中手动访问相同的 URL，以确保您的服务器正常运行。

有关在您自己的本地服务器上使用实时预览的更多详细信息，请访问：https://github.com/adobe/brackets/wiki/How-to-Use-Brackets#lp-custom-server。

【讨论】：

【解决方案2】：

虽然@ytpete 的答案是解决您的问题的正确选择，但正如我所说，您首先需要这样做。简而言之，转到文件（在括号中），单击打开文件夹，现在使项目目录与您的本地主机服务器的 php 文件完全相同，即 C:\Program Files\Ampps\www\phpFiles （我正在使用 Ampps，这里的 'phpFiles' 是一个子文件夹，其中依赖于我的 php 文件和 html 文件）。现在您可以按照 ytpete 显示的步骤进行操作，并设置为实时预览您的 php 文件。

【讨论】：

【解决方案3】：

如果您使用的是 Windows，请尝试运行括号“以管理员身份”，为我工作

【讨论】：

【解决方案4】：

我也有这个问题。我所做的只是转到文件->打开文件夹...在将所有必要的文件加载到括号中后一切正常。

【讨论】：

【解决方案5】：

安装 Xampp 后，我遇到了同样的问题。这个video 为我解决了这个问题。基本上只需选择，File > 'Enable Experimental Live Preview' 应该有一个复选标记。

【讨论】：

【解决方案6】：

确保在使用 Brackets 的实时预览时没有运行 Internet 带宽限制器（例如 NetLimiter）。

【讨论】：

【解决方案7】：

我刚刚为自己解决了这个问题，我在文件下勾选了“实验性实时预览”。我取消勾选它，现在它在我进行实时预览时接受我的“http://localhost/mywebsite”网址。

【讨论】：

【解决方案8】：

这对我有用。我重新启动系统，然后在文件中取消选中“启用实验性实时预览”。

【讨论】：

【解决方案9】：

这对我有用，我不记得我在哪里看到的，但请转到：cd $HOME/.local/share/applications 并删除与 chrome 相关的所有内容。

这对我有用，我不敢再使用实时预览。

在 Ubuntu 16.04 LTS 和 Chrome 版本 61.0.3163.100（官方构建）（64 位）上

【讨论】：

【解决方案10】：

将你的文件放在你有 index.html 文件的同一个文件夹中

【讨论】：

【解决方案11】：

我从 Bracket 的调试菜单中选择了名为“重新加载扩展”的选项，这解决了实时预览问题。更多详情请见here。

【讨论】：

【解决方案12】：

对于每个人来说，这个问题可以通过以下步骤来解决：-

在菜单栏上，转到文件 --> 打开文件夹（包含用于实时预览的 html 文件的文件夹）
选择文件夹
从左侧栏中选择您的 html 文件进行实时预览
点击右侧的螺栓图标（预览按钮）

这一切都归结为一个事实，即您需要选择该文件夹（其中包含您的文件）以在实时预览中查看您的输出。让我知道，如果它对某人有帮助。 :)

【讨论】：

【解决方案13】：

这是因为它没有找到“html”文件。实时预览基本上需要html文件来运行。在我的例子中，我有一个用php制作的项目，我的文件名是index.php，我将它重命名为index.html 它就像魅力一样 :)

【讨论】：