最近幾天更新了 vsCode 的版本，目前所用的版本號(hào)為：1.43。其實(shí)每次更新 vsCode 版本號(hào)并沒(méi)有感受到有什么明顯的變化，只是日常順手更新而已。而這一次 vsCode 真的是幫了我一個(gè)“大忙”。

眾所周知我們寫(xiě) html 頁(yè)面經(jīng)常會(huì)在元素上綁定很多屬性或者是事件什么的，如果不換行就比較難看，所以我的日常做法是每個(gè)屬性單獨(dú)一行，就像這樣：

<nz-pagination 
      [nzPageIndex]="2" 
      [nzTotal]="500" 
      nzShowSizeChanger 
      nzShowQuickJumper></nz-pagination>

可是這次更新后我只要保存html就會(huì)自動(dòng)格式化，而且是將所有屬性全都移到了一行，就像是這樣：

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

一開(kāi)始我是容忍的，可是隨著一個(gè)元素上綁定的屬性越來(lái)越多我真的崩潰了。我以為是裝的某個(gè)插件搞得鬼，可是我找了一遍，安裝的插件里好像也沒(méi)有明確是針對(duì)html進(jìn)行格式化的。于是我一易怒之前將我的26個(gè)插件全都刪除了！

可是問(wèn)題并沒(méi)有解決。于是我將焦點(diǎn)集中到了vscode自帶插件上面，原來(lái)上次版本更新后vsCode自動(dòng)在這個(gè)選項(xiàng)上給我打了個(gè)勾。。。

希望大家以后遇到這類(lèi)問(wèn)題先查看一下這個(gè)地方，免得和我一樣。不說(shuō)了，裝插件去了。。。

總結(jié)

到此這篇關(guān)于解決vscode 中保存后html自動(dòng)格式化的問(wèn)題的文章就介紹到這了,更多相關(guān)vscode html 格式化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！