💡 前言
第一週的最後一天,我們要來聊聊提升開發效率最立竿見影的關鍵——快捷鍵 (Keyboard Shortcuts)。
許多人在撰寫程式碼時,頻繁在鍵盤與滑鼠之間切換:用滑鼠選取整行、按右鍵複製、滑鼠點擊另一行、再按右鍵貼上。這些看似微小的動作,一天重複幾十次,不僅打斷思考流程,累積起來也浪費了大量時間。
今天 Day 07 整理了 10 個最實用、每天寫 Code 都會用到多次的 VS Code 基礎快捷鍵。擺脫滑鼠,讓你的雙手留在鍵盤上!
🎯 本篇重點
⌨️ 必學 10 大基礎快捷鍵
註:以下快速鍵標示中,
Ctrl在 Mac 上對應為Cmd (⌘),Alt對應為Option (⌥)。
Ctrl + P**不需要在左側檔案樹層層展開資料夾,按下 Ctrl + P 後輸入檔名(支援模糊搜尋,如輸入 appjs 即可匹配 app.controller.js),按 Enter 直接開啟檔案。
Ctrl + Shift + P 或 F1**VS Code 最核心的功能樞紐!忘記某個設定或指令在哪裡時,開啟命令面板輸入關鍵字(例如 theme、format、git),就能搜尋並執行所有功能。
Alt + 點擊 或 Ctrl + Alt + 上/下**• Alt + 滑鼠點擊:可以在程式碼的不同位置同時產生多個游標,一次修改多個地方。
• Ctrl + Alt + 上/下鍵:在當前游標的上方或下方直接延伸出多個游標,非常適合批次處理格式相同的多行列表或變數。
Ctrl + D**將游標停在某個變數或單字上,連續按 Ctrl + D,VS Code 會依序選取下一個相同的單字並建立多重游標,方便一次性完成區域變數改名。
Shift + Alt + 上/下**不需要先選取整行再按 Ctrl + C / Ctrl + V!直接將游標停在該行,按下 Shift + Alt + 下,即可瞬間在下方複製一份完全相同的程式碼。
Alt + 上/下**將游標停在某一行(或選取多行),按住 Alt 配合作者上下鍵,即可直接將整行程式碼上下抽換位置,免去剪下貼上的繁瑣動作。
Ctrl + /**將游標停在該行或選取多行程式碼,按下 Ctrl + / 即可快速加上或取消註解(會自動根據語言選擇 // 或 # 或 <!-- -->)。
Ctrl + Shift + K**游標不必移到行首或行尾,按下 Ctrl + Shift + K 就能乾淨俐落刪除當前整行程式碼。
Shift + Alt + F**程式碼排版亂掉時,按下此快捷鍵即可調用預設的格式化工具(如 Prettier)一鍵將縮排、括號與空格排版整齊。
• Ctrl + B:切換顯示/隱藏左側檔案樹側邊欄。
• Ctrl + ~:切換顯示/隱藏底部 Terminal 終端機面板。
📊 Windows / macOS 快速對照表
| 功能描述 | Windows / Linux 快捷鍵 | macOS 快捷鍵 |
|---|---|---|
| 快速搜尋檔案 | Ctrl + P |
Cmd + P |
| 開啟命令面板 | Ctrl + Shift + P / F1 |
Cmd + Shift + P / F1 |
| 多重游標選取 | Alt + 點擊 |
Option + 點擊 |
| 選取相同單字 | Ctrl + D |
Cmd + D |
| 複製當前行 | Shift + Alt + 上/下 |
Shift + Option + 上/下 |
| 移動當前行 | Alt + 上/下 |
Option + 上/下 |
| 快速註解 | Ctrl + / |
Cmd + / |
| 刪除當前行 | Ctrl + Shift + K |
Cmd + Shift + K |
| 自動格式化 | Shift + Alt + F |
Shift + Option + F |
| 開關側邊欄 | Ctrl + B |
Cmd + B |