web-dev-qa-db-ja.com

きれいにHTMLファイルをフォーマットするのを停止するにはどうすればよいですか?

そのため、問題はきれいな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テンプレートのきれいなフォーマットを無効にするにはどうすればよいですか?

12
Rachid Oussanaa

VS Codeを使用している場合、設定に以下を追加することで、PrettierがHTML(または他の特定の言語)で実行されないようにすることができます。

"prettier.disableLanguages": ["html"]

他のVSコード固有のオプションは prettier/prettier-vscode GitHubページ

18
clintoncrick

VSCodeを使用している場合は、ファイル> 設定> 設定をクリックし、"html.format.enable": false,

6
Kishorevarma

html.format.enable は、デフォルトのVS Codeフォーマッターをオフにします。プロジェクト内のすべてのhtmlファイルをフォーマットから除外するには、プロジェクトのルートに。prettierignoreファイルを追加し、すべてのhtmlファイルを無視できます。

*.html
4
JayChase

htmlファイルのvscodes htmlフォーマッタを保持したいが、他のファイルのきれいさを活用したい場合は、settings.json

"editor.formatOnSave": true,
"[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
}
3
RJ7

すでに記述されているものに加えて、保存時にフォーマットを無効にすることもできます。 CMD/CTRL + P > Format documentを使用してドキュメントを明示的にフォーマットする必要があります

"[html]": {
    "editor.formatOnSave": true
},
2
jahller

Pre-commitフック(ハスキーなど)でよりきれいに使用する場合、エディターの設定を変更しても役に立ちません。
ファイルを追加する必要があります.prettierignore次のコンテンツ:

*.html

ファイル形式は.gitignoreに似ています。詳しくはこちらをご覧ください: https://prettier.io/docs/en/ignore.html

0
baitun