你應該知道的 11 個 VS Code 特性和技巧
1.帶連字符的字體
在處理大型項目時，帶有連字的字體使代碼更干凈、更方便，您可以通過結合連字的特殊字體使您的編輯器體驗更好。有幾種支持連字的字體可用，但您可以簡單地堅持使用經典的 Fira Code。
要在 VS Code 中啟用連字，您只需在 VS Code 設置文件中添加**“editorLigatures”：true**。
2.彩虹縮進
如果您使用 JavaScript 和 Python 編寫代碼，則此 VS Code 擴展會為文本前面的縮進著色，每一步交替使用四種特殊顏色，那么此功能對于外觀整潔的代碼非常有用。
3.標簽包裝
如果你厭倦了重復打字那么你應該了解emmet，emmet允許你編寫一個縮寫的代碼并快速獲取返回的相應標簽。最新版本的 emmet 支持大多數 Emmet 操作，包括擴展 Emmet 縮寫和片段。
要使用標簽包裝：
- 選擇文本。
- 打開命令面板。
- 執行Emmet: Wrap with Abbreviation
- 輸入標簽 div(或縮寫)
- 然后按 Enter。
4.Turbo Console.log()
當您只需要快速輸出某些內容時，您應該節省時間，而不是重復鍵入 console.log。Turbo Console Log 是 VS Code 中一個很棒的擴展，它解決了這個問題，它可以在下面的行中記錄任何變量，并在代碼結構之后自動添加前綴。
5.多光標編輯
我個人喜歡 VS Code 中最有用的功能之一，通過多光標編輯，您可以快速編輯多行。多光標編輯有以下幾種方法：
- ALT-CLICK：如果你想在一個文件中插入多個不在連續行上的光標，你只需簡單地按住ALT并點擊每一行。
- CTRL-U：萬一你點擊了錯誤的行，又不想重新選擇行，那么只要按CTRL+U就可以撤銷上次的光標操作。
- SHIFT-ALT：用方向鍵。如果你選擇了一個詞，并希望包括引號或它附近的任何東西，只需簡單地使用SHIT+ALT與方向鍵來擴大你的選擇區域。
- SHIFT-ALT-Drag：使用此組合鍵可以創建矩形選區。
6.Polacode
如果您熟悉分享源代碼截圖的著名工具(Carbon.sh)，但所有這些工具都需要付出更多努力來構建吸引人的源代碼截圖。Polacode 以非常簡單的方式完成相同的工作，您可以使用 Carbon 中無法使用的默認編輯器字體。
7.WakaTime(喚醒時間)
這個擴展幫助你跟蹤你的指標和有關你的編程分析，你還可以查看你經常使用哪種編程語言。
8.排序
每當您想對數據或變量列表進行排序時，您只需選擇要排序的行并使用命令面板 (F1)，然后搜索排序。您將看到您可以選擇升序或降序排序。
9.注釋
添加注釋是開發人員在團隊中工作時經常做的事情，在 VS Code 中，您可以眨眼注釋掉單行或多行。
盡管有兩種方法可以添加注釋。
- 您可以通過按 Ctrl 或 Cmd + / 對一行進行注釋，再次按下它將取消對該行的注釋。
- 要創建注釋塊，請選擇您想要注釋的選項并按下 Shift+Alt+ A。
10.自定義側邊欄
在編寫代碼時，您總是需要盡可能多的空間，您可以通過按 Ctrl 或 Cmd + B 關閉側邊欄，也可以再次按 Ctrl 或 Cmd + B 撤消側邊欄。此外，如果你想打開它到一個特定的菜單，那么你可以使用下面給出的特定菜單的鍵盤快捷方式。
11.自定義片段
沒有人喜歡一遍又一遍地輸入相同的代碼，片段擴展為我們做了這項工作。但有些時候，我們只是需要一個自定義的代碼段來使我們的工作更容易。在VS Code中，你可以創建自定義代碼片段，減少輸入相同代碼的重復。
要創建自定義代碼段：
- 轉到設置圖標并選擇User Snippets，現在選擇您想要創建的片段的語言。
- 例如，如果您想為 JavaScript 項目創建自定義代碼段。您必須編寫key/value對，其中key包含定義的數據。prefix(前綴)定義了代碼段的觸發詞，body(正文)是將要插入的代碼，description(描述)是可選的，由 IntelliSense 顯示。
原文：https://javascript.plainenglish.io/11-vs-code-features-tricks-you-should-know-as-a-developer-47e5ec0c362b
作者：Mohit
