括号代码编辑器 - data-brackets-id= 问题

Brackets Code Editor - data-brackets-id= Issue

我对编码还比较陌生,但在尝试了几个不同的编辑器之后,我发现 Brackets 是我最熟悉的编辑器。

有一件事困扰着我。在 Chrome Dev Tools Brackets 中给我 HTML 它自己的 data-brackets-id's

<body data-brackets-id='8'>
  <div data-brackets-id='9' id="result"></div>
</body>

显然,这并没有反映在实际代码中,但它令人恼火,并使代码更难阅读。这也让我的导师发疯了。

我假设它与 Brackets 中的实时视图功能有关(我真的很喜欢),但我想确定地知道并且还想知道它是否可以被禁用。

我真的不想讨论哪个编辑器最好,因为我们都知道有很多优秀的代码编辑器。但是如果你有解决方案,我真的很想知道。

非常感谢。

是的,实时预览需要这些 ID,以便在您键入时立即更新 HTML(check out this talk 解释原因)。

您可以通过一些工作摆脱 id 属性,但是 HTML 编辑只会在您保存文件时反映出来(它会自动重新加载)。 CSS 编辑仍会反映在每次击键上,因为这不需要 ID。为此,您需要设置自定义本地 Web 服务器,然后将括号指向您的 localhost URL。有关详细信息,请参阅括号文档中的 Live Preview - Using your own backend

但是,通常您只能在打开 Dev Tools 时才能知道 ID 存在——这通常会断开 Live Preview 的连接。因此,另一种选择是在编辑时使用具有完整 HTML 实时更新的实时预览,但在需要使用 Dev 调试页面时打开页面 而没有 实时预览工具。