您是否知道全球 73% 的開發人員依賴同一個程式碼編輯器？根據 2023 年 Stack Overflow 開發人員調查，Visual Studio Code (VS Code) 仍然是開發人員的首選，這並不奇怪，因為 VS Code 功能強大、靈活且包含可顯著提高工作效率的功能。
然而，許多開發人員並沒有充分探索 VS Code 的功能。在本文中，我們將深入探討 10 個基本提示和技巧，幫助您充分利用您最喜歡的程式碼編輯器。無論您是經驗豐富的專業人士還是剛起步，這些技巧都將增強您的工作流程並使編碼更快、更有效率。
-
指令面板：您的多合一工具
命令面板（Ctrl + Shift + P）對開發人員來說就像一把瑞士軍刀。它提供了對 VS Code 中幾乎所有功能和命令的快速存取。無論您需要更改主題、安裝擴充功能或執行 Git 命令，命令面板都能滿足您的需求。掌握這個工具將為您節省大量搜尋選單的時間。
-
多遊標編輯
當您可以同時編輯多行時，為什麼要一次編輯一行呢？透過多遊標編輯（Alt + 單擊），您可以將遊標放在程式碼中的多行或多位置上，並同時在所有這些位置鍵入或刪除文字。它非常適合在程式碼庫中進行重複更改。
-
綜合終端
忘記在程式碼編輯器和終端機視窗之間切換 - VS Code 有一個整合終端 (Ctrl + `)。無論您是安裝套件、執行建置還是推送到 Git，您都可以直接從編輯器中執行命令。此終端支援多個選項卡，因此您可以在一個地方輕鬆管理不同的任務。
4.禪宗時尚
當您需要集中註意力並消除乾擾時，禪宗模式 (Ctrl + KZ) 是您最好的朋友。它隱藏了所有 UI 元素，例如側邊欄、狀態列和活動欄，為您提供一個全螢幕、無幹擾的環境，讓您可以專注於程式碼。按 Esc 兩次退出 Zen 模式。
-
Emmet 縮寫
編寫 HTML 和 CSS 可能很乏味，但 Emmet 讓它變得輕而易舉。使用 Emmet 縮寫，您只需按幾下按鍵即可快速產生整個程式碼區塊。例如，輸入 div.container>ul>li*5 並按 Tab 鍵將產生一個容器 div，其中包含包含五個清單專案的無序列表。 Emmet 內建於 VS Code 中，因此開始使用它來加速您的前端開發。
-
並排編輯
VS Code 可讓您並排開啟文件，輕鬆比較程式碼、參考文件或同時處理多個文件。只需將檔案從資源管理器拖曳到編輯器區域或使用分割編輯器 (Ctrl + ) 建立新的垂直或水平編輯器群組。
-
即時分享
透過 Live Share 可以與其他開發人員無縫協作。此功能可讓您與其他人即時分享 VS Code 會話。您可以一起編輯檔案、偵錯程式碼，甚至共用您的終端。它改變了遠端團隊或結對程式設計會話的遊戲規則。
-
預覽定義
需要在不離開目前檔案的情況下查看函數或變數的定義嗎？使用查看定義 (Alt + F12)。它會在您所在的位置打開一個內聯窗口，顯示您感興趣的符號的定義。
-
片段
程式碼片段是可以更輕鬆地輸入重複程式碼模式（例如循環或條件語句）的範本。您可以建立自己的自訂程式碼片段，也可以透過鍵入程式碼片段的前綴並按 Tab 鍵來使用預先定義的程式碼片段。片段可以節省大量時間，特別是對於您經常編寫的程式碼。
10.自動儲存
如果您因忘記儲存變更而遺失了工作，那麼「自動儲存」功能就適合您。啟用自動儲存（檔案 > 自動儲存）會在您每次進行變更時自動儲存您的工作，因此您不必再擔心遺失未儲存的程式碼。您可以自訂儲存延遲或在特定操作（例如失去對編輯器的焦點）後觸發它。
結論
VS Code 不只是一個程式碼編輯器，它還是一個生產力引擎。透過掌握這些提示和技巧，您可以簡化工作流程，減少手動任務，並更專注於編寫出色的程式碼。無論您是同時編輯多行、與隊友即時協作，還是只是在無幹擾的環境中工作，這些功能都將幫助您更聰明地編碼，而不是更困難。嘗試一下，您的工作效率將大幅提升！
這就是今天的全部內容。
另外，分享您最喜歡的網頁開發資源來幫助這裡的初學者！
探索我的YouTube頻道！如果你覺得有用的話。
請給我的GitHub專案一顆星 ⭐️
感謝29745！ 🤗
原文出處：https://dev.to/safdarali/10-essential-vs-code-tips-tricks-for-greater-productivity-2d9o
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式