括号 - 实时预览不起作用

时间:2014-08-03 19:43:04

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

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

现在,我想制作一个关于页面但我无法预览的情绪。实时预览基本网址为空,当我尝试预览时,我得到这个:> http://puu.sh/aDkET/4209ec1192.png<闪电是半橙色(我听说它需要红色才能工作)。我已经尝试了很多...输入实时预览基本URL到http(分号)// localhost:(insertporthere)/< - Wamp Server,只尝试localhost,把它留空,我不知道如何使这项工作..我被卡住了,我基本上需要真正的预览..

拜托,请帮助我! D:我在网上寻找解决方案,但没有。如果可以,我们将非常感谢分步教程:)

亲切的问候, - PiguFilms

12 个答案:

答案 0 :(得分:8)

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

所以,例如:

  • 如果您的网页位于http://localhost/myapp/page.php且page.php文件位于项目的“myapp”子文件夹中,则您的基本网址只有http://localhost/
  • 如果您的网页位于http://localhost/myapp/page.php且page.php文件位于项目的根目录中,则您的基本网址为http://localhost/myapp/(这样路径为“/page.php”相对于两个基地)。

如果您认为您已正确设置了基本网址但仍然无效,请尝试在浏览器中手动转到相同的网址,以确保您的服务器运行正常。

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

答案 1 :(得分:5)

虽然@ ytpete的答案是你问题的正确选择,但你需要先做,就像我说的那样。简单来说,转到文件(在Brackets中),单击打开文件夹,然后使项目目录与php文件的本地主机服务器完全相同,即C:\ Program Files \ Ampps \ www \ phpFiles (我正在使用Ampps,这里'phpFiles'是一个子文件夹,里面依赖我的php文件和html文件)。现在您可以按照ytpete显示的步骤进行操作,并设置为php文件的实时预览。

答案 2 :(得分:2)

我也有这个问题。我所做的只是转到File->打开文件夹...这一切都在所有必要的文件加载到Brackets后工作。

答案 3 :(得分:0)

确保在使用Brackets'时不会运行互联网带宽限制器(例如NetLimiter)。实时预览。

答案 4 :(得分:0)

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

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

答案 7 :(得分:0)

这对我有用,而且我不记得我在哪里看到它,但请转到:cd $HOME/.local/share/applications并删除与铬有关的所有内容。

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

在Ubuntu 16.04 LTS和Chrome版本61.0.3163.100(官方版本)(64位)

答案 8 :(得分:0)

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

答案 9 :(得分:0)

我已经从Bracket的调试菜单中选择了“重新加载扩展名”选项,该选项可以解决实时预览问题。可以在here中找到更多详细信息。

答案 10 :(得分:0)

对于每个人,可以通过以下步骤解决此问题:-

  1. 在菜单栏上,依次转到“文件->打开文件夹”(包含用于实时预览的html文件的文件夹)

  2. 选择文件夹

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

  4. 单击右侧的螺栓图标(预览按钮)

所有这些都融合为一个事实,您需要选择该文件夹(其中有您的文件)以在实时预览中查看输出。 让我知道,是否可以帮助某人。 :)

答案 11 :(得分:0)

这是因为它没有找到 'html' 文件。实时预览基本上需要 html 文件来运行它。就我而言,我有一个用 php 制作的项目,我的文件名是 index.php,我将其重命名为 index.html > 它的作用就像魅力 :)