這篇文章主要介紹了vscode 中保存後html自動格式化的問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑑價值,需要的朋友可以參考下 |
最近幾天更新了 vsCode 的版本,目前所用的版本號爲:1.43。其實每次更新 vsCode 版本號並沒有感受到有什麼明顯的變化,只是日常順手更新而已。而這一次 vsCode 真的是幫了我一個“大忙”。
衆所周知我們寫 html 頁面經常會在元素上綁定很多屬性或者是事件什麼的,如果不換行就比較難看,所以我的日常做法是每個屬性單獨一行,就像這樣:
<nz-pagination [nzPageIndex]="2" [nzTotal]="500" nzShowSizeChanger nzShowQuickJumper></nz-pagination>
可是這次更新後我只要保存html就會自動格式化,而且是將所有屬性全都移到了一行,就像是這樣:
<label (click)="changeItem('code')" [ngClass]="{'active': activeItem == 'code'}">Hello World</label>
一開始我是容忍的,可是隨着一個元素上綁定的屬性越來越多我真的崩潰了。我以爲是裝的某個插件搞得鬼,可是我找了一遍,安裝的插件裏好像也沒有明確是針對html進行格式化的。於是我一易怒之前將我的26個插件全都刪除了!
可是問題並沒有解決。於是我將焦點集中到了vscode自帶插件上面,原來上次版本更新後vsCode自動在這個選項上給我打了個勾。。。
希望大家以後遇到這類問題先查看一下這個地方,免得和我一樣。不說了,裝插件去了。。。
總結
到此這篇關於解決vscode 中保存後html自動格式化的問題的文章就介紹到這