分享 3 個 VS Code 使用技巧，選項雖然少，但真的很有幫助。看完本文請告訴我你的使用感受。

啟用原生括號成對著色

在我們編碼的時候，肯定會有函數嵌套或是其他一些邏輯判斷等層層嵌套，隨著代碼量的增加，你會不會感覺括號嵌套太多層而導致代碼難以閱讀？

如果你對類似問題困惑的話，VS Code 中安裝 Bracket Pair Colorizer 插件可以幫助你實現各個成對的括號都會以不同的顏色進行區別，對于括號很多的代碼非常實用。不過會帶來性能問題。

現在有原生括號對著色功能，而且速度要快得多，大文件也可以快速渲染，可以拋棄Bracket Pair Colorizer插件了。

配置

1.  確保移除 Bracket Pair Colorizer 擴展。
2.  更新 VS Code
3.  打開 JSON 文件。添加以下內容：

"editor.bracketPairColorization.enabled": true 

比如為 One Monokai 主題自定義的括號顏色： 

"workbench.colorCustomizations": {  
    "editorBracketHighlight.foreground1": "#5bb3b3",  
    "editorBracketHighlight.foreground2": "#fac863",  
    "editorBracketHighlight.foreground3": "#f99157",  
    "editorBracketHighlight.foreground4": "#ec5f67",  
    "editorBracketHighlight.foreground5": "#bb80b3",  
    "editorBracketHighlight.foreground6": "#98C379",  
} 

啟用內聯提示預覽自動完成你的代碼

"editor.suggest.preview": true, 

排序代碼 

{  
    "key": "shift+alt+s",  
    "command": "editor.action.sortLinesAscending"  
} 

使用macros運行多個操作

因為這仍然不是原生功能，所以我正在使用macros擴展。 

{  
    "key": "shift+alt+f",  
    "command": "macros.fixDocumentAndSort", 
    "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"  
}  

"macros": {  
    "eslintFixAndFormatDocument": [  
        "eslint.executeAutofix",  
        "editor.action.formatDocument"  
    ],  
}, 

在這個綁定中，VS Code 正在執行兩個動作

•  格式化文檔
•  修復 eslint 問題。

OK，就這樣，希望你喜歡。