vscode 快速修復(fù)

語言服務(wù)除了在書寫代碼的時(shí)候提供提示以外，還能夠幫我們分析當(dāng)前的代碼，檢測出他們潛在的問題，然后提供快速修復(fù)的方案。比如在下面的 CSS 代碼中，我們拼錯(cuò)了 padding 這個(gè)屬性。

.foo {
 font-size: 5px;
 margin: 5px;
 pading: 1;
}

CSS

編輯器中，我們能在 pading 下看到了綠色的波浪線，并且在這行的行首，看到一個(gè)燈泡的圖標(biāo)。

點(diǎn)擊這個(gè)燈泡的圖標(biāo)，我們就能看到一個(gè)新的列表，列表里就是語言服務(wù)提供的修復(fù)這個(gè)錯(cuò)誤的操作建議。

在這個(gè)例子里，我們要做的就是選擇第一個(gè)操作建議，把pading換成 padding。除了點(diǎn)擊這個(gè)黃色的燈泡圖標(biāo)，我們也可以按下 “ Cmd+. ” （Windows 上是 Ctrl + . ）來調(diào)出這個(gè)快速修復(fù)的建議列表。

在之前的學(xué)習(xí)過程中，就有同學(xué)留言問過，不確定什么時(shí)候能夠看到這個(gè)黃色的燈泡圖標(biāo)。編輯器在你把光標(biāo)移動到這個(gè)錯(cuò)誤或者警告所在的代碼上時(shí)才會展示這個(gè)圖標(biāo)。