iT邦幫忙

0

Day 07:【快捷鍵入門】必學 10 個讓開發速度提升兩倍的基礎快捷鍵

  • 分享至 

  • xImage
  •  

💡 前言

第一週的最後一天,我們要來聊聊提升開發效率最立竿見影的關鍵——快捷鍵 (Keyboard Shortcuts)。

許多人在撰寫程式碼時,頻繁在鍵盤與滑鼠之間切換:用滑鼠選取整行、按右鍵複製、滑鼠點擊另一行、再按右鍵貼上。這些看似微小的動作,一天重複幾十次,不僅打斷思考流程,累積起來也浪費了大量時間。

今天 Day 07 整理了 10 個最實用、每天寫 Code 都會用到多次的 VS Code 基礎快捷鍵。擺脫滑鼠,讓你的雙手留在鍵盤上!


🎯 本篇重點

  1. 游標移動與快速跳轉
  2. 單行與多行程式碼快速編輯
  3. 多重游標 (Multi-cursor) 批量修改神奇操作
  4. Windows 與 macOS 快捷鍵對照總整理

⌨️ 必學 10 大基礎快捷鍵

註:以下快速鍵標示中,Ctrl 在 Mac 上對應為 Cmd (⌘),Alt 對應為 Option (⌥)。

**1. 快速開啟檔案:Ctrl + P**

不需要在左側檔案樹層層展開資料夾,按下 Ctrl + P 後輸入檔名(支援模糊搜尋,如輸入 appjs 即可匹配 app.controller.js),按 Enter 直接開啟檔案。

**2. 開啟命令面板:Ctrl + Shift + P 或 F1**

VS Code 最核心的功能樞紐!忘記某個設定或指令在哪裡時,開啟命令面板輸入關鍵字(例如 theme、format、git),就能搜尋並執行所有功能。

**3. 多重游標批量編輯:Alt + 點擊 或 Ctrl + Alt + 上/下**

• Alt + 滑鼠點擊:可以在程式碼的不同位置同時產生多個游標,一次修改多個地方。
• Ctrl + Alt + 上/下鍵:在當前游標的上方或下方直接延伸出多個游標,非常適合批次處理格式相同的多行列表或變數。

**4. 選取下一個相同字詞:Ctrl + D**

將游標停在某個變數或單字上,連續按 Ctrl + D,VS Code 會依序選取下一個相同的單字並建立多重游標,方便一次性完成區域變數改名。

**5. 快速複製當前行:Shift + Alt + 上/下**

不需要先選取整行再按 Ctrl + C / Ctrl + V!直接將游標停在該行,按下 Shift + Alt + 下,即可瞬間在下方複製一份完全相同的程式碼。

**6. 上下移動當前行:Alt + 上/下**

將游標停在某一行(或選取多行),按住 Alt 配合作者上下鍵,即可直接將整行程式碼上下抽換位置,免去剪下貼上的繁瑣動作。

**7. 切換單行/多行註解:Ctrl + /**

將游標停在該行或選取多行程式碼,按下 Ctrl + / 即可快速加上或取消註解(會自動根據語言選擇 // 或 # 或 <!-- -->)。

**8. 刪除整行程式碼:Ctrl + Shift + K**

游標不必移到行首或行尾,按下 Ctrl + Shift + K 就能乾淨俐落刪除當前整行程式碼。

**9. 自動格式化程式碼:Shift + Alt + F**

程式碼排版亂掉時,按下此快捷鍵即可調用預設的格式化工具(如 Prettier)一鍵將縮排、括號與空格排版整齊。

10. 顯示/隱藏側邊欄與終端機

• 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


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言