VSCode 鍵盤操作，做到雙手不離鍵盤，今天先來談一談核心的鍵盤操作：光標(biāo)的移動、文本的選擇、文本的刪除，以及如何為編輯器命令綁定快捷鍵。

Visual Studio Code 32位 v1.83.1 官方最新安裝版

• 類型：編程工具
• 大?。?/span>86.4MB
• 語言：簡體中文
• 時間：2023-10-12

查看詳情

光標(biāo)移動

移動光標(biāo)最常用的就是方向鍵，但是方向鍵每次只能把光標(biāo)移動一個位置，可以說是一種相對低效的方式。試想你打算把光標(biāo)移動到當(dāng)前行的行末，在沒有鼠標(biāo)的情況下，你可能需要按下右方向鍵幾秒甚至十幾秒鐘。

不過，不用擔(dān)心。雖然 VS Code 是基于 Web 技術(shù)開發(fā)的非原生應(yīng)用，但是它支持針對單詞、行、代碼塊、整個文檔等多種光標(biāo)移動方式。

今天，我會借助一段非常簡單的 5 行 JavaScript 代碼來講解這些操作。

function foo() {
  bar();
}
foo();

首先是針對單詞的光標(biāo)移動。這個你應(yīng)該比較熟悉，絕大多數(shù)原生的編輯應(yīng)用和文本框都支持。這也是我自己最常用的一組快捷鍵。

下面這張圖顯示，第一行代碼中的第一個單詞是 function，一共8個字符，光標(biāo)的位置在第五個字符 t 的后面。當(dāng)你想把光標(biāo)直接移動到整個單詞，也就是 function 的前面，你只需按下 Option（Windows 上是 Ctrl 鍵）和左方向鍵。相反，如果要把光標(biāo)移動到單詞的末尾，只需要按下 Option 和右方向鍵就好了。

我們都知道，一直按著方向鍵，光標(biāo)就可以不停地，一個字符一個字符地在文檔中移動。但如果你同時按住 Option 和方向鍵，那么光標(biāo)移動的顆粒度就變成了單詞，你就可以在文檔中以單詞為單位不停地移動光標(biāo)了。

第二種方式是把光標(biāo)移動到行首或者行末。

比如第一行代碼是 function foo() {，你只需按住 Cmd + 左方向鍵（Windows 上是 Home 鍵），就可以把光標(biāo)移動到了這行的第一列；而如果你按住 Cmd 和右方向鍵（Windows 上是 End 鍵），光標(biāo)就會被移動到 { 的后面。

接下來一種是對于代碼塊的光標(biāo)移動。很多編程語言都使用花括號將代碼塊包裹起來，比如 if、for 語句等，你很可能會希望通過一個快捷鍵，就能實現(xiàn)在代碼塊的始末快速跳轉(zhuǎn)。比如在這5行代碼示例中，第一行到第三行代碼是函數(shù) foo 的定義，由一對花括號包裹起來，當(dāng)你把光標(biāo)放在花括號上時，只需按下 Cmd + Shift + \（Windows 上是 Ctrl + Shift + \），就可以在這對花括號之間跳轉(zhuǎn)。

最后一種基礎(chǔ)的光標(biāo)操作就是移動到文檔的第一行或者最后一行，你只需按下 Cmd 和上下方向鍵即可（Windows 上是 Ctrl + Home/End 鍵）。

文本選擇

掌握了上面的快捷鍵之后，你還可以非常輕松地掌握文本選擇的操作。因為對于基于單詞、行和整個文檔的光標(biāo)操作，你只需要多按一個 Shift 鍵，就可以在移動光標(biāo)的同時選中其中的文本。

比如說，你把光標(biāo)放在第一行代碼第四個字符 c 的后面，按下 Option 加左方向鍵，你就可以把光標(biāo)跳轉(zhuǎn)到 function 這個單詞的開頭，這個在前面我有講過。如果你同時按下 Option + 左方向鍵+ Shift 鍵，那么你就能把光標(biāo)到 function 單詞開頭之間的所有字符全部選中，也就是選中 func 這四個字符。

同理，假設(shè)說光標(biāo)放在第二行，然后你按下 Cmd、Shift 和上下方向鍵，就能把第二行光標(biāo)到第一行，或者最后一行之間的字符選中。是不是很簡單呢？

對于代碼塊的文本選擇， VS Code 默認(rèn)沒有綁定快捷鍵。那么，是不是就沒辦法了呢？

當(dāng)然不是。你可以先使用命令面板找到命令 “選擇括號所有內(nèi)容” 并運行。后面我還會講述如何為一些未綁定快捷鍵的命令綁定自己熟悉的快捷鍵，請稍安勿躁。

刪除操作

了解了光標(biāo)移動和文本選擇，再來看刪除操作，就變得相對簡單了。

最新評論