使用 VS Code 快捷鍵快速選取 HTML 區塊
更新日期： 2024 年 11 月 11 日
在編輯 HTML 時，尤其是處理成對標籤和區塊的程式碼，快速選取區塊可以大大提高效率。
Visual Studio Code 提供多種快捷鍵，來幫助選取特定的程式碼區域，以下是介紹幾個選取 HTML 區塊的快捷方法，讓您能更輕鬆地處理 HTML 標籤中的內容。
快捷鍵操作：智慧型擴展選取
Visual Studio Code 提供了「智慧型擴展選取」功能，可以逐步擴展選取範圍，從單一標籤到整個區塊，使選取 HTML 區域變得非常快速且方便。以下說明如何操作：
操作步驟
- 將游標放置在
<ul>標籤內：- 將游標置於
<ul>標籤的開始標籤<ul>任意位置，例如<或u字母上。
- 將游標置於
- 使用擴展選取快捷鍵：
- Windows：按下
Ctrl + Shift + Alt + → - macOS：按下
Shift + Option + Command + →
- Windows：按下
- 擴展選取範圍：
- 第一次按下快捷鍵時會選取
<ul>開始與結束標籤，包含內部內容。 - 再次按下快捷鍵會擴展到包含
<ul>區塊的更大結構，例如包圍<ul>的<div>等。
- 第一次按下快捷鍵時會選取
小結
使用 VS Code 的「智慧型擴展選取」或手動擴展選取快捷鍵，可以在 HTML 編輯時快速選取區塊程式碼。
這些快捷鍵不僅提高了選取特定語法結構的效率，也讓編輯大型 HTML 文件更輕鬆、快速。