【问题标题】:VS Code: auto format html does not workVS Code:自动格式化 html 不起作用
【发布时间】:2016-04-27 07:57:01
【问题描述】:

在 VS Code 中,我无法格式化 HTML。

例如,我写了一个内联标签列表,然后按 Shift+Alt+F 并没有任何反应。

我注意到了这一点:

如果我写:

<div><span><p></p></span></div> 

当我执行自动格式化时没有任何反应。

如果我写:

<div><div><div></div></div></div>

然后变成:

<div>
    <div>
        <div></div>
    </div>
</div>

希望这能帮助你帮助我...

【问题讨论】:

  • 我认为它们可能是相关的,但是 VSCode 和 Visual Studio 是完全不同的代码库。我认为答案是span标签不被认为是“布局”,许多编辑在格式化时选择不“使用”它们

标签: html visual-studio-code format


【解决方案1】:

我的开发团队也遇到了同样的问题。请检查或尝试以下操作:

  • 键盘绑定是否正确?
  • 选择的代码语言是 HTML 吗?
  • 您是否重新启动了 VS 代码?
  • 开始一小部分格式,然后重试(出于某种原因 认为它已经正确。

【讨论】:

  • 除了第二点,我什么都做了。如何检查代码语言?我认为 vs code 从文件扩展名中理解语言..
  • 是的,但有时它有助于重新选择它。您可以在右下角执行此操作。在笑脸旁边发推文反馈
  • 什么都没有,我试图重新选择它,但没有任何改变。
  • 你能添加一段你的HTML吗?然后我可以尝试重现它。
  • 我编辑了这篇文章。顺便说一句,只有三个标签的空 html 文件也会发生这种情况:

【解决方案2】:

自动格式化时会忽略某些标签列表 - 这些标签在

下的 settings.json 文件中定义
html.format.unformatted":

所以转到设置(Mac 上的 Command-Comma)并搜索该设置并删除您想要格式化的标签。

坏消息是它仍然没有按照我认为的方式格式化 - 即 没有在内部缩进,但它至少将它放在一个新的行上!

【讨论】:

  • 问题是它破坏了页面其余部分的格式,因为它开始一个新行但在行的开头......有没有像html.format.formatted这样的东西你可以添加规则如何格式化特定元素?
【解决方案3】:

这是一个 VS 代码错误。我安装了 1.17,效果很好https://code.visualstudio.com/updates/v1_17

【讨论】:

    猜你喜欢
    • 2020-11-02
    • 1970-01-01
    • 2021-10-30
    • 2020-11-03
    • 2020-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多