VS Code上的24個實用快捷鍵!馬上讓開發速度快上好幾倍!

2,019 阅读3分钟

0_s-TLdJFIpY8ROCWn.jpg Photo by Joshua Reddekopp on Unsplash

這篇文章說明了很多強大、好用的快捷鍵,在使用VS Code開發的同時,節省時間並提升最多的工作效率,讓你喜歡用VS Code完成應用。此篇文章屬於Mac用戶。 (內容包含自定義的快捷位置)

搜尋檔案

快速搜尋專案內的檔案

Command + P

1_PHjQLi9JzPdosAFilUleFQ.webp

搜尋整個專案

以關鍵字搜尋專案,將有包含的內容陳列出來

Shift + Command + F

1_msxyHMxVBw0N5cpzUwoEjw.webp

指令視窗

使用VS Code指令,輕鬆觸發一些功能,幫助開發

Shift + Command + P

1_ZbhaAjVNnSUjqra3OYnMDw.webp

開關側邊欄

有些時候需要讓畫面有更多空間呈現程式碼,開發起來更舒服,可以快速關閉側邊欄

Command + B

1_8j2LqWOHz0hITWxS7p6a5Q.gif

開啟/切換視窗

專案內多個地方要進行查看和比對的時候,適合再開啟新的視窗

Command + 1234

1_wJnFYAQ9cy3pmRDfl_cPfA.gif

選取文字

快速選取光標位置的字串,進行調整

Command + D

1_PdM3BrkWGe2bor8_UFcJFA.gif

切換分頁

沒有滑鼠或是不想使用時,快捷鍵是你的好幫手,輕鬆切換分頁

Control + 1234

1__tGqDzxmmwDUdALK_wsmAQ.gif

選擇分頁

當有多個分頁干擾時,開啟指定頁面是最棒的方式

Control + Tab

1_veXVoAeVqWyw58utuw6I6Q.gif

複製當前分頁

Command + \

1_Y293u-f5I-xnL_9HBWIvcw.gif

關閉全部分頁

很常用的一組快捷鍵,喜歡過一段時間將所有分頁清除,否則太多太亂

Option + W

1_oIn4oNeKzrDVX18N2u6R0Q.gif

縮排

方便我們排版,不管鼠標有沒有在最前方,都能進行整行的調整

Control + [Control + ]

1_tTHcvsAPrHSFpegfoT0cfw.gif

收起、展開區塊

當程式碼、方法很多的時候,將目前無用的區塊收起來,讓開發視野更好

Option + Command + [
Option + Command + ]

1_4g3Nm0Nd7BKua8C3TDg8vw.gif

將光標所在的行數上下移動

當程式碼寫錯行或是需要調整位置時,可以透過鍵盤快速移動

Option + ↑
Option + ↓

1_cW5ecyk60TOUcAcAAI34Eg.gif

複製光標所在的行數

當有重複的內容需要使用,只需要微調一些地方,這組快捷鍵可以讓妳方便操作

Shift + Option + ↑
Shift + Option + ↓

1_6p5nXuPex5vEDVXLnJZonQ.gif

選取目前位置到字串的頭尾

選取前後內容進行查看、修改、複製

Shift + Option + ←
Shift + Option + →

1_VhWSawrkcNEqlyDGtHG4jA.gif

選取光標所在的行數

選取後一樣方便查看、修改、複製

Command + L

1_HJFGuOjb_fqcXmxC-l50AQ.gif

刪除光標所在的行數

快速刪除行數,不管光標在哪裡都能整行刪除,某些時候比Command + BackSpace好用

Command + K

1_ZqKSgljWBee1GSX5NASPxw.gif

多行的相同鼠標位置

快速進行相同位置的修改

Option + Command + ↑
Option + Command + ↓

1_pdceHtDSNvkisK0eaU9mHw.gif

指定多個鼠標位置

同時修改多個位置,加入一些內容或進行刪除,這是一種快速的方法

Option + 點擊

1_UlhyfKQKbOZLER3YJvKPbg.gif

執行、偵錯(Debug)

Fn + F5

改成

Control + R

重新啟動

Command + R

熱加載、熱重載

Option + R

重新命名(類別、變數、方法…)

非常方便的一組快捷鍵,快速修改名字

Fn + F6

1_xa9XdV61iLoovQeKx-995g.gif

跳到錯誤或警告

不需要查找有紅色標示的檔案或程式碼,直接快速跳轉過去

Fn + F8

1_bz3O5ReEj07YxyTkdaed5Q.gif

转载自Yii Chen