如何禁用更漂亮的设置以创建html标签>的新行？
ros*_*mar 7 typescript visual-studio-code angular prettier
我遍历了Vscode的Prettier扩展，找不到如何禁用此方案。请参阅html标记的>。
每次我运行Prettier时，下面的示例代码都需要进行一些修复。输出是这样的：
<tag-html
[val1]="valueStr"
[val2]="valueStr"
>
</tag-html>
我想要漂亮的输出：
<tag-html
[val1]="valueStr"
[val2]="valueStr">
</tag-html>
这可以借助VS Code本身来完成。将以下条目放置在vs代码中的工作空间设置中。
"html.format.wrapAttributes": "force-aligned"
您不需要任何外部插件或扩展即可执行此操作。
或者您也可以使用GUI设置页面
更新01
基于更漂亮的仓库https://github.com/prettier/prettier-vscode/issues/646中的 github问题
您仍然可以合并我上面提到的设置。
- 这是一个糟糕的答案，因为它没有解决问题。我从 Google 来到这里寻找更漂亮的解决方案，因为我不使用 VS Code。 (9认同)
- “你仍然可以合并设置” - 你链接到一个非常非常长的线程，我没有时间阅读。如何合并设置？我只是尝试设置该设置，但它没有改变任何内容。怎么合并？ (3认同)
- @ChrisTurner 它可能无法回答你的问题。但回答了真实的问题，提问者接受了当时（2018年）的答案。如果您确实有任何具体问题，请提出 - 如果可能的话，我们很乐意回答。 (2认同)
- 我采取“html.format.wrapAttributes”：“force-aligned” - 没有任何改变，符号“>”传输，还需要检查什么？ (2认同)
为此JSX可以完成设置
"jsxBracketSameLine": 真
在你的 .prettierrc
- 自“4.2.0”起已弃用。替换为“bracketSameLine” (5认同)
- 我还需要添加 htmlWhitespaceSensitivity:ignore 才能使其正常工作。 (4认同)
| 归档时间： |
|
| 查看次数： |
3230 次 |
| 最近记录： |