そのため、問題はきれいなHTMLが非常にうまくフォーマットされないことです。
たとえば、angular template:
<some-component
some-attribute
[ang-binding1]='someExpr'
[ang-binding2]='someExpr'
(someEvent)='someFunc($event)'>
</some-component>
よりきれいにすると、次のような形式になります。
<some-component some-attribute [ang-binding1]='someExpr' [ang-binding2]='someExpr' (someEvent)='someFunc($event)'>
</some-component>
hTMLテンプレートのきれいなフォーマットを無効にするにはどうすればよいですか?
VS Codeを使用している場合、設定に以下を追加することで、PrettierがHTML(または他の特定の言語)で実行されないようにすることができます。
"prettier.disableLanguages": ["html"]
他のVSコード固有のオプションは prettier/prettier-vscode
GitHubページ 。
VSCodeを使用している場合は、ファイル> 設定> 設定をクリックし、"html.format.enable": false,
html.format.enable は、デフォルトのVS Codeフォーマッターをオフにします。プロジェクト内のすべてのhtmlファイルをフォーマットから除外するには、プロジェクトのルートに。prettierignoreファイルを追加し、すべてのhtmlファイルを無視できます。
*.html
html
ファイルのvscodes htmlフォーマッタを保持したいが、他のファイルのきれいさを活用したい場合は、settings.json
。
"editor.formatOnSave": true,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
}
すでに記述されているものに加えて、保存時にフォーマットを無効にすることもできます。 CMD/CTRL + P > Format document
を使用してドキュメントを明示的にフォーマットする必要があります
"[html]": {
"editor.formatOnSave": true
},
Pre-commitフック(ハスキーなど)でよりきれいに使用する場合、エディターの設定を変更しても役に立ちません。
ファイルを追加する必要があります.prettierignore
次のコンテンツ:
*.html
ファイル形式は.gitignoreに似ています。詳しくはこちらをご覧ください: https://prettier.io/docs/en/ignore.html