vscodeで保存した後のHTML自動フォーマットの問題を解決する

vsCode のバージョンは最近更新され、現在のバージョン番号は 1.43 です。実際、vsCode のバージョン番号を更新するたびに明らかな変化を感じることはなく、毎日のルーチンとして更新するだけだった。そして今回、vsCode が本当に役に立ちました。

ご存知のとおり、HTML ページを書くときには、多くの属性やイベントを要素にバインドすることがよくあります。これらをラップしないと、見た目が悪くなります。そのため、私は毎日、次のように各属性を別の行に配置するようにしています。

<nz-ページネーション 
      [nzページインデックス]="2" 
      [nz合計]="500" 
      nzShowSizeChanger 
      nzShowQuickJumper </nz-pagination>

しかし、この更新後、HTML を保存すると、次のように自動的にフォーマットされ、すべての属性が 1 行に移動されます。

<label (click)="changeItem('code')" [ngClass]="{'active': activeItem == 'code'}">Hello World</label>

最初は我慢していましたが、要素にバインドされる属性が増えるにつれて、本当に我慢できなくなりました。何らかのプラグインが問題の原因だと思っていましたが、調べてみると、インストールされているプラ​​グインが HTML の書式を明確に指定していないようでした。それで、私は怒る前に 26 個のプラグインをすべて削除しました。

しかし問題は解決されませんでした。そこで、vscode の組み込みプラグインに注目しました。最後のバージョン更新後、vscode がこのオプションを自動的にチェックするようになりました。 。 。

今後このような問題に遭遇した場合は、私と同じ問題を避けるために、まずここを確認していただければ幸いです。もう話は終わりにして、プラグインをインストールします。 。 。

要約する

これで、vscode で保存した後の HTML の自動フォーマットの問題を解決する方法についての記事は終わりです。vscode HTML フォーマットに関する関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。