vscode 縮進(jìn)參考線和垂直標(biāo)尺

這里我們可以先一起來玩一個“大家來找茬”的游戲：

圖1是使用沒有修改過任何編輯器設(shè)置的 VS Code 打開的一個 JavaScript 的文件

圖2是使用經(jīng)過了不少的個性化定制的編輯器打開的同一個文件

在圖1中，第二行到第六行代碼的中間，從內(nèi)到外你能夠依次看到兩個豎線。這兩個豎線就是縮進(jìn)參考線。編輯器會根據(jù)你指定的制表符的長度，來決定縮進(jìn)參考線的位置。這樣你就可以非常清楚地知道代碼有沒有正確地縮進(jìn)，而且也方便你區(qū)分出不同代碼塊之間的層級關(guān)系。這個功能是可以通過 editor.renderIndentGuides 來控制開關(guān)的。

而圖2中的豎線則不一樣了，它叫做垂直標(biāo)尺。如果你的項目中有規(guī)定說每一行代碼不得超過多少個字符，比如說120個字符，那么你就可以將標(biāo)尺設(shè)置為 120，即 editor.rulers: [120]。這樣的話編輯器就會在第120個字符所在的位置處畫出這樣一條垂直的豎線，所以你一眼就可以看出自己的代碼是否達(dá)標(biāo)。