跳到主要內容

Visual Studio Code 實用小技巧:功能設定與快捷鍵

Visual Studio Code 小技巧

這篇文章將搜集一些 VSCode 的好用小技巧,例如快捷鍵的操作或是設定選項。VSCode 通常每個月都會推出新版,功能一多一雜,如果不經常使用就是很容易忘記!另外還有一些新功能是可以取代延伸模組,像這些舊插件就可以移除嘍~

設定:啟用成對方括弧指引線

Visual Studio Code 成對方括弧指引線

前往設定搜尋 「editor.guides.bracketPairs」並設為為 true 開啟,當在括弧中編輯時會出現實線方框包覆住括弧範圍,相當實用!這是在 VSCode 1.62 新增的功能

設定:括號相對顏色

啟用括號相對顏色功能
括號相對應顏色比較

將程式碼的括號標示相對應的顏色,類似延伸模組 Rainbow Brackets 或是 indent-rainbow 不過你現在不需要安裝這些插件了,只要到 VSCode 1.60 以上版本中可以在設定中搜尋『Bracket Pair Colorization』並啟用即可。

設定:自動修改閉合標籤

自動修改閉合標籤設定

自動修改閉合標籤示範

編輯 Html/Xml 時,需要同時修改開頭與結尾的相對應標籤,例如:<div></div> 當原始碼複雜時,修改就變的困難,原本需要安裝延伸模組 Auto Rename Tag 來協助自動修改閉合標籤,現在只要到 VSCode 1.52 以上版本的設定中搜尋『Linked Editing』啟用即可。

設定:存檔時格式化

VSCode 存檔時格式化

如果已經安裝了 Prettier 或 Beautify 等格式器延伸模組(Extension),可以在設定中尋找『Format On Save』啟用,這個功能是在 VSCode 1.61 加入的

設定:自動保存

VSCode 自動保存

確保辛苦工作的程式碼可以隨時保存,可以在設定中搜尋『Auto Save』啟用,有三種模式可以選擇。afterDelay: 編輯後延時多久就保存,時間可以自行設定。onFocusChange: 當編輯器失去焦點會自動保存。onWindowChange: 當切換視窗的時候自動保存。

快捷鍵:游標選擇

區塊選擇 - 鍵盤按住 Shift+ Alt 再拖曳滑鼠左鍵。

VSCode 區塊選擇

添加游標 - 除了鍵盤按住 Alt 一個一個點擊外,可以使用 Ctrl + Alt 跟箭頭上下鍵,往上一行或是下一行來添加游標。

VSCode 添加游標

選擇相同文字 - 當你已經選擇一段文字,再使用鍵盤按下 Ctrl + Shift + L 可以選擇文件中所有相同的文字。

VSCode 選擇相同文字

快捷鍵:行移動、複製或刪除

行移動 - 游標位於的該行按住鍵盤的 Alt 再搭配箭頭上下鍵,就可以移動該行。

VSCode 行移動

行複製 - 游標位於的該行按住鍵盤的 Alt + Shift 再搭配箭頭上下鍵,就可以複製該行。

VSCode 行複製

行刪除 - 游標位於的該行按下鍵盤的 Ctrl + Shift + K

快捷鍵:程式碼快速重新命名變數或函式名稱

如果要變更變數或函式名稱,傳統上會使用尋找與取代,在 VSCode 中你可以選好其中一個變數或函式名稱後再按下鍵盤的 F2 就會彈出一個輸入框,方便讓你快速命名所有的變數或函式名稱。

VSCode 程式碼快速重新命名變數或函式名稱

快捷鍵:快速收合或展開程式碼

收合 - 游標位於的該行按下鍵盤的 Ctrl + Shift + [
展開 - 游標位於的該行按下鍵盤的 Ctrl + Shift + ]

VSCode 快速收合或展開程式碼

快捷鍵:尋找下一個錯誤或警告

如果要除錯程式碼不用再盯著紅色波浪底線啦!按下 F8 就會自動帶你到錯誤的地方,並且會展開說明,方便除錯。

VSCode 尋找下一個錯誤或警告

這個網誌中的熱門文章

DaVinci Resolve 輸出 Youtube 影片的最佳設定

雖然 DaVinci Resolve 已經有內建 Youtube 的渲染預設可以用,但我自己輸出影片常常發生畫面出現殘影或是馬賽克的情況,很明顯是編碼位元率的設置不夠高,但是 Youtube 渲染的界面沒有什麼進階設定可以用,建議還是選擇《H.264 Master 》的渲染設置 接下來會出現一些中國用語,主要我使用簡體中文版本使用,敬請見諒 🙇‍♂️ 首先是視頻頁籤的部分,按照 Youtube 建議的上傳編碼設定 文件說明,格式使用 MP4 並且編解碼器使用 H.264  這是為了有較好的處理速度,如果編碼成 H.265 雖然檔案比較小,但為了兼容性 Youtube 會再次將你的 H.265 影片轉成 H.264 因此效率較低,也有可能會降低你影片的畫質。編碼器維持 Auto 並勾選 網路優化 讓影片檔案適合網路串流。 接著分辨率與幀率就按照你專案的需求設定即可,接著編碼配置文件選擇 High 會有較好畫質,關鍵幀則是設定 影格率的兩倍 ,假如你的影片是 30fps 這裡就將關鍵幀設定成 60 目的是為了刷新畫面最多 2 秒的意思,如果畫面出現了殘影也頂多在 2 秒內更新。但關鍵幀不是越短越好,會導致檔案容量太大,上傳到 Youtube 後,平台可能也會再重新轉檔。 接著幀重新排序請 取消 勾選,這是 H.264 產生殘影最常見的原因。它會打亂影格順序以節省空間,但許多播放器或編碼錯誤會導致畫面像溶化一樣的黏在一起。 接著 Preset 設定為 質量 ,編碼器會花更多運算資源去分析畫面提升畫面品質。Rate Control 設定成 可變比特率 ,按照  YouTube 建議的上傳編碼設定 採用可變位元率,並且在 Bit Rate 設定位元率,假如你是 1080p 30fps 的 SDR 影片,應該要設定成 8000 Kb/s 等於 Youtube 建議的 8 Mbps。 類型 視訊位元率,標準影格速率 (24、25、30) 視訊位元率,高畫面更新率 (48、50、60) 8K 80000 ~ 160000 Kbs 120000 ~ 240000 Kb/s 2160p (4K) 35000 ~ 45000 Kb/s 53000 ~ 68000 Kb/s 1440p (2K) 16000 Kb/s 24000 Kb/s 1080p 8000 Kb/...

分享 Google 日曆的中華民國 114 ~ 115 年 (2025 ~ 2025 休假行事曆也包含勞動節)

以下是 Google 日曆按照行政院人事行政總處公告的中華民國 115 年 (2026) 政府行政機關辦公日曆表製成的,並且再加入 5/1 勞動節。 請使用此 鏈接開啟 Google 日曆 點擊左下角的《新增至 Google 日曆》匯入,另有 iCAL 格式 提供其他應用程式匯入。

2025 年第 97 屆奧斯卡 Oscars Academy Awards 入圍得獎電影的台灣上映時間與線上看平台

以下整理 2025 年第 97 屆奧斯卡 Oscars Academy Awards 入圍最佳電影的台灣上映時間以及電影預告,部分線上看平台的連結。奧斯卡獎於美國時間 2025/3/2 頒發 艾諾拉 Anora 台灣上映時間:2024/12/6 線上看平台: My Video ,  Youtube 電影 ,  Apple TV ,  Hami Video ,  Friday 影音 ,  Catchplay+ 入圍 6 項提名:最佳影片、最佳導演 Sean Baker﹑最佳女主角 Mikey Madison、最佳男配角 Yura Borisov、最佳原創劇本 Sean Baker、最佳剪輯 Sean Baker 得獎項目:🏆最佳影片、🏆最佳導演 Sean Baker﹑🏆最佳女主角 Mikey Madiso、🏆最佳原創劇本 Sean Baker、🏆最佳剪輯 Sean Baker