如何解决如何使用VSCode Prettier防止每个HTML元素结束标记的换行?
这是我当前在编辑器上拥有的内容。这实际上是一个laravel刀片,因此文件名是page.blade.php
。但是,我将这些添加到了files.associate
;
"*.blade.php":"html"
<nav
class="navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme"
>
<div class="container">
<a class="navbar-brand" href="../index.html"
><span class="text-white">{{ config("app.name") }}</span></a
>
<button
class="navbar-toggler collapsed"
type="button"
data-toggle="collapse"
data-target="#navbarStandard"
aria-controls="navbarStandard"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
因此,如果您在摘要中注意到,>
总是在换行,那就不好了。特别是在</a>
标签上。我尝试编辑HTML>Format: Wrapp Attributes
,但无法正常工作,请参见所附图片:
现在这就是我想要的。
<nav class="navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme">
<div class="container">
<a class="navbar-brand" href="../index.html">
<span class="text-white">Logo</span>
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarStandard" aria-controls="navbarStandard" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。