近期由于老項目之前代碼規(guī)范沒有統(tǒng)一,導致代碼的縮進是用tab 還是 空格鍵沒有一個統(tǒng)一的規(guī)范!
但是在代碼提交合并的時候,就出問題了,沒有修改的文件也會顯示有更改,對于這種情況,我們可以使用sublime去codeview我們的代碼,因為sublime在把代碼選中的時候就會用點顯示空格,用箭頭顯示tab鍵,這樣我們能夠很清楚哪用了tab哪用了空格!
但是sublime也有不好處,如果你是新手,下載sublime還要激活,還要安裝插件,安裝過程中還可能會出現(xiàn)安裝錯誤等問題...
所以果斷拋棄了sublime,轉而使用vscode這個神器!
使用vscode后發(fā)現(xiàn)沒有像sublime一樣顯示空格和箭頭, 百度了好多資料,沒找到方法,但是找到了這個行為叫什么, 然后在vscode里各種折騰,還是讓我找到了,那該怎么設置呢?
1.打開vscode的用戶設置
2.在右邊添加新設置

{
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all"
}

圖一.png

下面是效果圖,可以看到空格用小點顯示出來了!

圖二.png

webstorm中如何顯示？
如圖勾選：

圖三.png