html - 如何使用 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>
解决方案
推荐阅读
- javascript - ReactJS - 加载资源失败:服务器响应状态为 404(未找到)
- python - 如何将带有外键的 .csv 表导入 django 数据库
- php - aes-256-cbc encryption decryption with initial vector in nodejs
- android - 使用键盘的自动更正部分获取软键盘高度
- javascript - 即使在从 ts 编译到 js 之后如何保持类型安全
- docker - Kubernetes ImagePullBackOff
- java - 将 JSON 对象数组转换为列表
- python - 在 Flask 中哪个 arg 覆盖 request.values 中的另一个?(获取或发布)
- python - 根据元组的第二项从元组列表中删除列表项
- jakarta-mail - Java mail api 1.5.5 奇怪的行为