解決vscode 中保存后html自動(dòng)格式化的問題

2020-05-20 15:25:43 來源：互聯(lián)網(wǎng)作者：佚名 人氣： 次閱讀 97 條評(píng)論

文章主要介紹了vscode 中保存后html自動(dòng)格式化的問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下...

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

眾所周知我們寫 html 頁面經(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>

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

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

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

總結(jié)

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