vscode 快速修復

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

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

CSS

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

點擊這個燈泡的圖標，我們就能看到一個新的列表，列表里就是語言服務提供的修復這個錯誤的操作建議。

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

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