如何禁用更漂亮的设置创建新行的 > of html 标签?
How to disable prettier settings creating new line of > of html tag?
我浏览了 Vscode 的 Prettier 扩展,但找不到如何禁用此方案。请参阅 html 标记的 >。
这是一个需要一些修复的示例代码,每次我 运行 Prettier。输出是这样的:
<tag-html
[val1]="valueStr"
[val2]="valueStr"
>
</tag-html>
我要 Prettier 输出:
<tag-html
[val1]="valueStr"
[val2]="valueStr">
</tag-html>
这可以借助 VS Code 本身来完成。在 vs 代码的工作区设置中放置以下条目。
"html.format.wrapAttributes": "force-aligned"
您不需要任何外部插件或扩展来执行此操作。
或者您也可以使用 GUI 设置页面
更新 01
基于 prettier repo 中的 github issue
https://github.com/prettier/prettier-vscode/issues/646
你仍然可以合并我上面提到的设置。
对于JSX
(以及其他文件类型,如HTML
),这可以通过设置
完成
"bracketSameLine": true
在你的 .prettierrc
见https://prettier.io/docs/en/options.html#bracket-line
(或 jsxBracketSameLine
版本 < 4.2.0)
我浏览了 Vscode 的 Prettier 扩展,但找不到如何禁用此方案。请参阅 html 标记的 >。
这是一个需要一些修复的示例代码,每次我 运行 Prettier。输出是这样的:
<tag-html
[val1]="valueStr"
[val2]="valueStr"
>
</tag-html>
我要 Prettier 输出:
<tag-html
[val1]="valueStr"
[val2]="valueStr">
</tag-html>
这可以借助 VS Code 本身来完成。在 vs 代码的工作区设置中放置以下条目。
"html.format.wrapAttributes": "force-aligned"
您不需要任何外部插件或扩展来执行此操作。
或者您也可以使用 GUI 设置页面
更新 01
基于 prettier repo 中的 github issue https://github.com/prettier/prettier-vscode/issues/646
你仍然可以合并我上面提到的设置。
对于JSX
(以及其他文件类型,如HTML
),这可以通过设置
"bracketSameLine": true
在你的 .prettierrc
见https://prettier.io/docs/en/options.html#bracket-line
(或 jsxBracketSameLine
版本 < 4.2.0)