小编Fre*_*ric的帖子

奇怪的 HTML 格式与 Prettier

当我使用内置格式化程序时,我有这个 HTML 。不好。我希望每个标签都级联。在这里,我们有 span 和 svg 以及 a 在同一行。

\n

在此输入图像描述

\n

用 prettier 格式化后(此版本

\n

我明白了。这几乎更糟。(请参阅稍后的编辑部分,解释为什么它\xe2\x80\x99 实际上是 prettier 的明智选择。)

\n

在此输入图像描述

\n

更漂亮的配置是

\n

在此输入图像描述

\n

我可以使用什么来正确自动格式化此 HTML\xe2\x80\xaf?

\n
\n

编辑:我\xc2\xa0得到了我\xc2\xa0想要的美化扩展并编辑其内联配置。\n在此输入图像描述

\n

就是为什么 Prettier 会这样格式化。这是一种不破坏内容显示的解决方法。事实上,一旦你习惯了它就非常聪明。

\n

您可以使用以下选项覆盖它

\n
"prettier.htmlWhitespaceSensitivity": "ignore",\n
Run Code Online (Sandbox Code Playgroud)\n

请参阅上面的链接以了解更多相关信息。

\n

visual-studio-code prettier-vscode

9
推荐指数
1
解决办法
1万
查看次数