你應該知道的 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

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/fpDPZbplN9ANRUOrr5Ixjg