使用 VS Code 快捷鍵快速選取 HTML 區塊

在編輯 HTML 時，尤其是處理成對標籤和區塊的程式碼，快速選取區塊可以大大提高效率。

Visual Studio Code 提供多種快捷鍵，來幫助選取特定的程式碼區域，以下是介紹幾個選取 HTML 區塊的快捷方法，讓您能更輕鬆地處理 HTML 標籤中的內容。

快捷鍵操作：智慧型擴展選取

Visual Studio Code 提供了「智慧型擴展選取」功能，可以逐步擴展選取範圍，從單一標籤到整個區塊，使選取 HTML 區域變得非常快速且方便。以下說明如何操作：

操作步驟

1. 將游標放置在 <ul> 標籤內：
   • 將游標置於 <ul> 標籤的開始標籤 <ul> 任意位置，例如 < 或 u 字母上。

2. 使用擴展選取快捷鍵：
   • Windows：按下 Ctrl + Shift + Alt + →
   • macOS：按下 Shift + Option + Command + →

3. 擴展選取範圍：
   • 第一次按下快捷鍵時會選取 <ul> 開始與結束標籤，包含內部內容。
   • 再次按下快捷鍵會擴展到包含 <ul> 區塊的更大結構，例如包圍 <ul> 的 <div> 等。

小結

使用 VS Code 的「智慧型擴展選取」或手動擴展選取快捷鍵，可以在 HTML 編輯時快速選取區塊程式碼。

這些快捷鍵不僅提高了選取特定語法結構的效率，也讓編輯大型 HTML 文件更輕鬆、快速。