【问题标题】:How to set up the Brackets editor?如何设置括号编辑器?
【发布时间】:2017-03-27 18:48:47
【问题描述】:

我想使用括号来查看我编写的 HTML、JS 和 CSS 文件。但是,每当我从我的文件夹“代码”中打开一个文件时,谷歌浏览器都会打开我的桌面文件夹的索引,然后我必须单击文件夹“代码”并进入该文件夹以单击它。当我点击“实时预览”时,我如何才能到达 Chrome 加载实际 HTML 文件而不是首先环游世界的地方?

Here is a picture of what's going on:

http://imgur.com/a/zLTo5

【问题讨论】:

  • 听起来很痛苦。也许不要使用括号?
  • 您是否尝试过仅将项目拖到应用程序图标中?
  • 是的,这不起作用@sherrifderek

标签: javascript jquery html css file


【解决方案1】:

参考您的图像,Julie/Desktop 是您的根。

所以,这就是我要做的。

假设 Code2 是包含您正在构建的站点的所有代码的文件夹。在这种情况下,您将打开 Brackets 并选择文件 > 打开文件夹,然后导航到 Code2 文件夹并打开它。这会将 Code2 设置为 Brackets 的根目录。现在,在那个文件夹中,确保你有一个 index.html 文件——最好是你正在处理的那个。现在点击查看按钮应该会在浏览器中打开实际页面。

如果您没有索引文件,并且想要加载不同的文件,那么只需在根目录中折腾一个空白索引文件,单击查看按钮,一个空白页面应该会在浏览器中打开。现在只需更改路径以包含文件的正确名称,它应该会加载您要编辑的页面。保存应该在浏览器中重新加载。

示例。如果您的索引路径为http://127.0.0.1:52497/index.html,但您想查看文件名为page2.html 的页面,则将路径更改为:http://127.0.0.1:52497/page2.html

【讨论】:

  • 好的,所以我将使用我的空白 html 模板作为重命名的文件 index.html 并将其拖到我的桌面上,与我正在处理的 html 文档一起打开它,看看它是否有效。谢谢!
  • 嘿,快速的问题-我必须使用某种类型的插件来使我的 javascript 文件正常运行,因为当我向其中一个图像添加过渡效果时,它会直接进入下一个图像而不进行混合它...但是当我在 firefox 和 notepad ++ 中运行它时,它工作正常。
  • 没有。本机 Javascript 应该在所有客户端上运行几乎相同。创建一个新问题并提供您用于动画的脚本,我们可以查看是否存在脚本问题。
  • 所以我实际上只是记录了我的桌面以显示它在做什么@kogrue 有没有办法可以在这里上传它?
  • 我不这么认为。您可以将其上传到视频主机并提供​​链接。
【解决方案2】:

无论您导入 Brackets 的哪个目录都需要有一个 index.html 文件。据我所知,您在该根目录中没有索引文件-因此,当您单击在浏览器中打开按钮时,它不知道您要加载什么。

【讨论】:

  • 我应该或者我可以从括号样本文件夹中获取样本吗? @kogrue
  • 没有。如果您想通过单击“在浏览器中查看”按钮来查看您正在处理的文件 - 那么您的文件需要命名为 index.html 并且它需要位于您已加载到括号中的目录的根目录中。否则,您将不得不安装自动重新加载插件并将页面手动加载到浏览器中。
  • 当你说根目录时你指的是什么目录?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-12
相关资源
最近更新 更多