14

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

现在，我正在制作一个关于页面的心情，但我无法实时预览。实时预览基本 URL 为空，当我尝试实时预览时，我得到这个：> http://puu.sh/aDkET/4209ec1192.png < 并且闪电是半橙色（我听说它需要红色才能工作）。我已经尝试了很多...作为实时预览基本 URL 输入到 http(分号)//localhost:(insertportthere)/ <-- Wamp 服务器，仅尝试了 localhost，将其留空，我不知道如何制作工作..我被卡住了，我基本上需要真正的预览..

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

亲切的问候，-PiguFilms

4

13 回答 13

8

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

因此，例如：

  • 如果您的页面位于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 。

于 2014-08-11T08:53:01.833 回答
5

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

于 2015-01-05T20:04:36.797 回答
3

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

于 2018-05-14T16:02:26.730 回答
3

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

于 2015-12-21T10:14:55.463 回答
1

安装 Xampp 后，我遇到了同样的问题。这个视频为我解决了这个问题。基本上只需选择，文件>“启用实验性实时预览”应该有一个复选标记。

于 2017-01-17T22:25:27.807 回答
0

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

  1. 在菜单栏上，转到文件 --> 打开文件夹（包含您的 html 文件以进行实时预览的文件夹）

  2. 选择文件夹

  3. 从左侧栏中选择您的 html 文件以进行实时预览

  4. 单击右侧的螺栓图标（预览按钮）

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

于 2020-06-04T14:52:14.573 回答
0

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

于 2016-02-04T14:02:18.810 回答
0

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

于 2021-02-16T17:16:50.033 回答
0

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

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

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

于 2017-10-10T17:34:34.813 回答
0

我从 Bracket 的调试菜单中选择了名为“reload with extension”的选项，并解决了实时预览问题。更多细节可以在这里找到。

于 2020-04-24T10:47:26.667 回答
0

将您的文件放在您拥有 index.html 文件的同一文件夹中

于 2020-04-03T10:03:50.633 回答
0

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

于 2017-02-03T08:46:40.670 回答
0

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

于 2016-11-20T11:54:58.283 回答