Allen Wang • 2023-06-30
我要成為 VSCode 編輯器大師
前言
vscode 用的好,開發沒煩惱,要成為高手就要用的跟鬼一樣
來點情境
快速用 vscode 開啟某個專案
一般可以透過終端機進入要開啟的專案後下 code . 會直接以 vscode 開起專案省去從介面操作的動作,若遇到無效的時可以重新設定
ctrl + P 後輸入 shell command 應該就可以重新裝上 code 這個指令了
預設點擊檔案若無更新則不開啟新分頁
搜尋 workbench.editor.enablePreview 把這個取消勾選使開檔案都後會開啟新分頁 不會因沒有改變而被覆蓋

檔案最上層 import 太多東西了
有時候我只想關注元件的邏輯或是 return 的 UI,想將無關緊要的內容預設先收合
ctrl + , => 快速開始設定,搜尋 folding import 勾起來

只有一個資料夾與檔案時的樣式
當資料夾看起像這樣的時候有點難看懂

這時候在設定搜尋 explore.compact 將選項勾掉,就會照樣展開資料夾更清楚看出結構關係

可能冷門但很有用的快捷
這些大概是我一開始用 vscode 不知道,但是知道後覺得實在方便也常用的快捷鍵
萬用的 ctrl + p

重名系
f2 => 整個專案內變數 reference 一次重新命名,按下後輸入要修改的名稱再按 shirt + enter,神技!
ctrl + f2 => 將該檔案內已選取單一內容,一口氣全部選取
ctrl + d => 將該檔案內已選取單一內容,點一下再多選一個
檢查系
f8 => 檔案裡出現多個錯誤或警告時,可以依序查看
整理系
alt + shift + 0 => 整理並刪除無用 import,神技!
alt + ↑ or ↓ 快速移動整行程式碼
開關系
ctrl + k + 0 => 檔案內容全收合,按 1 2 其他數字可以決定關到第幾層
ctrl + k + j => 檔案內容全展開
ctrl + k + w => 還在一個一個檔案點著關? 直接給你全關
ctrl + \ => 當前檔案開出新 tab
ctrl + shift + t => 叫回不小心手殘關掉的檔案,神技!
ctrl + space + i => 重新開啟提示,例如有個 [] 在按下 . 時會跳出它的方法提示,但如果點到其他地方再點回來提示就沒了,這可以再度開啟
跳轉系
ctrl + g => 還在滾滾輪? 直接輸入行數跳過去
ctrl + p => 還在檔案列表慢慢翻? 直接輸入檔名跳過去
ctrl + shift + e => file list
ctrl + shift + f => global search
ctrl + shift + g => git
ctrl + shift + x => extension