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

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

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

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

亲切的问候, - PiguFilms

【问题讨论】:

标签: 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】:

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

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

                        2. 选择文件夹

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

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

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

                        【讨论】:

                          【解决方案13】:

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

                          【讨论】:

                            猜你喜欢
                            • 1970-01-01
                            • 1970-01-01
                            • 1970-01-01
                            • 1970-01-01
                            • 1970-01-01
                            • 1970-01-01
                            • 1970-01-01
                            • 2014-12-11
                            • 1970-01-01
                            相关资源
                            最近更新 更多