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

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 をよろしくお願いいたします。

<<:  Vue h関数の使い方の詳しい説明

>>:  CSS3で実装された天気アイコンのアニメーション効果

推薦する

Nexus を使用して jar パッケージをプライベート サーバーに追加する方法

なぜ Nexus プライベート サーバーを構築する必要があるのでしょうか。その理由は非常に簡単です。...

Mysqlは日付範囲の抽出方法を指定します

データベースを操作する過程では、いくつかの指標を日付別にまとめたり、一定期間内の合計金額をカウントし...

Vue の el-table は自動天井効果を実現します (固定をサポート)

目次序文実装のアイデア効果:使用:メインソースコード:序文多くのケースを見た結果、単純な観点からは、...

EclipseでTomcatを作成する原理の詳細な説明

ローカルEclipse上にTomcatサーバーを作成する場合、 tomcaインストールディレクトリの...

Zabbix で監視項目と集約されたグラフを設定するためのサンプルコード

1. ローカルマシンを監視するためにZabbixエージェントをインストールするエージェントソフトウェ...

jsはショッピングサイトの虫眼鏡機能を実現します

この記事では、ショッピングサイトの虫眼鏡機能を実現するためのjsの具体的なコードを紹介します。具体的...

Linux での Makefile の書き方と使い方の詳細な説明

目次メイクファイルMakefile の命名とルールMakefile の仕組みMakefile変数Ma...

マウスがカード上に移動したときにフローティング効果を実現する CSS の使用例

原理ホバーしたときに要素に影を設定します: box-shadow で、通常とは異なるスタイルにします...

Linux での mysql-5.7.28 インストール チュートリアル

1. 公式ウェブサイトから Linux バージョンをダウンロードします: https://dev.m...

vue3 のコンポーネントの互換性のない変更の詳細な説明

目次機能コンポーネント非同期コンポーネントの書き方とdefineAsyncComponentメソッド...

派手なカルーセル効果を実現するJavaScript

この記事では、JavaScriptで派手なカルーセル効果を実装する2つの方法を紹介します。具体的な内...

MySql の忘れたパスワードの変更方法はバージョン 5.7 以上に適しています

1. まずmysqld.exeプロセスを停止します2. cmd を開き、mysql の bin ディ...

Webデザイナーの成長体験

<br />まず最初に、私はこのグループの中では完全な新人だということを述べなければなり...

MySQL 5.6.36 Windows x64 バージョンのインストールチュートリアルの詳細

1. 対象環境Windows 7 64ビット2. 材料(1)VC++2010リリースパッケージ(64...