括号软件-实时预览不工作

15
我发现了一款名为Brackets的很棒的程序(HTML编辑器),它是由Adobe提供的。我选择这个编辑器的原因是我想实时预览PHP代码,但后来发现我需要一个Wamp服务器。
现在,我想制作一个关于页面,但我无法进行实时预览。实时预览基本URL为空,当我尝试实时预览时,会出现以下情况:> http://puu.sh/aDkET/4209ec1192.png <并且闪电形标志只有一半是橙色(据说要变成红色才能工作)。我尝试过很多方法,包括将“Live Preview Base URL”输入为http(分号)//localhost:(插入端口号)/ <-- Wamp服务器,仅尝试使用localhost,留空,但我不知道如何让它正常工作... 我被卡住了,实际上我需要真正的预览。
请,请帮帮我!😔我在互联网上搜索解决方案,但没有结果。如果您可以的话,一份逐步教程将不胜感激:)
此致 - PiguFilms

这是一个编程问题论坛。请使用Adobe论坛。 - JP_
也许这个链接可以帮助你 -> 打开项目文件夹 - Engkus Kusnadi
https://dev59.com/XVsX5IYBdhLWcg3wRNnK - 重复问题 - Abhijit Sahu
13个回答

8
Live Preview “Base URL”是指与您项目的“根文件夹”对应的本地主机URL。Brackets使用它将本地磁盘上的路径映射到提供同一文件的服务器URL:它获取相对于项目根目录的HTML文件的路径,将该相对路径附加到Base URL上,然后在Chrome中启动生成的完整URL。
例如: - 如果您的页面位于http://localhost/myapp/page.php,并且page.php文件位于项目的“myapp”子文件夹中,则Base URL只是http://localhost/。 - 如果您的页面位于http://localhost/myapp/page.php,并且page.php文件位于项目的根目录中,则Base URL为http://localhost/myapp/(这样路径就相对于两个基础路径为"/page.php")。
如果您认为已正确设置了Base URL,但仍无法正常工作,请尝试手动在浏览器中访问相同的URL,以确保您的服务器正在正确运行。
更多关于如何使用自己的本地服务器进行实时预览的详细信息,请参见此处:https://github.com/adobe/brackets/wiki/How-to-Use-Brackets#lp-custom-server

5

虽然@ytpete的答案是解决您问题的正确选择,但是您需要先按照我的建议进行操作。简单来说,在“文件”(在Brackets中)中,点击打开文件夹,并将项目目录与本地主机服务器的php文件完全相同,即C:\ Program Files \ Ampps \ www \ phpFiles(我正在使用Ampps,这里的'phpFiles'是一个子文件夹,其中包含我的php文件和HTML文件)。现在,您可以按照ytpete显示的步骤进行操作,并设置为预览您的php文件。


4

我也遇到过这个问题。我的解决方法是简单地进入“文件” -> “打开文件夹...”,在所有必要的文件都加载到 Brackets 后,一切都正常工作了。


我想在MX Linux 21 x386中使用Brackets,并发现了一个叉子,在https://github.com/quadre-code/quadre上提供支持。我进行了编译,可以工作,但是要使用实时预览的唯一方法是按照这些说明操作。 - Indacochea Wachín

3
如果您正在使用Windows,请尝试以管理员身份运行Brackets,这对我有用。

1

我安装Xampp后也遇到了同样的问题。这个视频帮助我解决了问题。基本上只要选择文件,然后在“启用实验性实时预览”旁边打勾即可。


0
将您的文件放在与index.html文件相同的文件夹中。

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

0

在使用Brackets的实时预览功能时,请确保您没有运行互联网带宽限制器(例如NetLimiter)。


0

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


0

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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接