Visual Studio Code 与 HTML 一样自动关闭标记和缩进 XML

Evi*_*ngt 3 xml visual-studio-code

我已经开始将 Visual Studio Code 用于 HTML 和 CSS,因为在我看来,它似乎是一个不错的编辑器(除了这个小问题)。当我开始使用它时,我必须获得一个扩展才能获得自动结束标签。我发现的所有扩展似乎都以相同的方式执行此操作:(| = cursor)

<p>|</p>
Run Code Online (Sandbox Code Playgroud)

当我在开始标签中键入“>”时,我得到了结束标签,这正是我想要的。虽然当我按下 Enter 键时,它会这样做:

<p>
|</p>
Run Code Online (Sandbox Code Playgroud)

就我而言,这基本上是无用的,因为我必须再按一次 Enter,然后按向上箭头,然后按 TAB ……我的意思是,结束标签不应该放在最后多行元素上的行。

不过,更令人高兴的是,VS 代码现在对 HTML 中的自动结束标记具有本机支持,如下所示:

<p>|</p>

=>

<p>
  |
</p>
Run Code Online (Sandbox Code Playgroud)

(将结束标记向下移动一行,并将光标所在的空行缩进。)这正是我想要的,我不想没有它。(感谢 VS 代码!)

我当前的问题虽然在我开始编写 XML 时就开始了……由于某种原因,VS Code 对我没有帮助,即使 XML 和 HTML 看起来完全一样!所以我四处寻找自动关闭标签扩展,我发现的那些仍然像旧的一样:

<p>
|</p>
Run Code Online (Sandbox Code Playgroud)

所以我不仅有无用的 XML 自动关闭标签,而且我还有一个不同的 HTML 系统。至少可以说,这是非常令人恼火的。

所以我想,在所有这些咆哮之后,我的问题是这样的:有没有办法让 VS Code 像处理 HTML 一样帮助我处理 XML?也许在某处更改某些内容,以便它接受 XML。或者也许有一些很棒的扩展隐藏在我没有找到的某个地方的地毯下......?

我真的很感激我能得到的任何帮助!谢谢!

Mar*_*ark 7

如果您单击XML窗口右下方的“ ” - 行结尾旁边 - 并选择“ Configure file association for .xml”并选择HTML您将获得与 html 文件相同的缩进行为。