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

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

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

查看詳情

光標(biāo)移動(dòng)

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

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

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

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

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

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

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

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

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

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

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

文本選擇

掌握了上面的快捷鍵之后，你還可以非常輕松地掌握文本選擇的操作。因?yàn)閷?duì)于基于單詞、行和整個(gè)文檔的光標(biāo)操作，你只需要多按一個(gè) Shift 鍵，就可以在移動(dòng)光標(biāo)的同時(shí)選中其中的文本。

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

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

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

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

刪除操作

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

最新評(píng)論