angular - Hur man inaktiverar prettier-inställningar som skapar en ny rad med > av HTML-tagg?

Jag går igenom Prettier-tillägget i Vscode och jag kan inte hitta hur man inaktiverar detta scenario. Se > i html-taggen.

Här är ett exempel på kod som behövde lite fix, varje gång jag kör Prettier. Resultatet är detta:

<tag-html
 [val1]="valueStr"
 [val2]="valueStr"
>
</tag-html>

Jag vill att Prettier ska skriva ut:

<tag-html
 [val1]="valueStr"
 [val2]="valueStr">
</tag-html>

Svar #1

För JSX (och andra filtyper, som HTML) kan detta göras genom att ställa in

"bracketSameLine": true

i din .prettierrc

se https://prettier.io/docs/en/options.html#bracket-line

(eller jsxBracketSameLine för versioner < 4.2.0)

Svar #2

Detta kan göras med hjälp av VS Code själv. Placera följande post i dina arbetsytainställningar i din VS Code.

"html.format.wrapAttributes": "force-aligned"

Du behöver inga externa plugins eller tillägg för att göra detta.

Eller så kan du använda GUI-inställningssidan också

UPPDATERING 01

Baserat på GitHub-ärende i Prettier-repo https://github.com/prettier/prettier-vscode/issues/646

du kan fortfarande slå ihop de inställningar jag nämnt ovan.

Relaterade artiklar