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

Visual Studio Code 32位 v1.83.1 官方最新安裝版
- 類型:編程工具
- 大?。?/span>86.4MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2023-10-12
光標(biāo)移動(dòng)
移動(dòng)光標(biāo)最常用的就是方向鍵,但是方向鍵每次只能把光標(biāo)移動(dòng)一個(gè)位置,可以說(shuō)是一種相對(duì)低效的方式。試想你打算把光標(biāo)移動(dòng)到當(dāng)前行的行末,在沒(méi)有鼠標(biāo)的情況下,你可能需要按下右方向鍵幾秒甚至十幾秒鐘。
不過(guò),不用擔(dān)心。雖然 VS Code 是基于 Web 技術(shù)開發(fā)的非原生應(yīng)用,但是它支持針對(duì)單詞、行、代碼塊、整個(gè)文檔等多種光標(biāo)移動(dòng)方式。
今天,我會(huì)借助一段非常簡(jiǎn)單的 5 行 JavaScript 代碼來(lái)講解這些操作。
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)到 { 的后面。

接下來(lái)一種是對(duì)于代碼塊的光標(biāo)移動(dòng)。很多編程語(yǔ)言都使用花括號(hào)將代碼塊包裹起來(lái),比如 if、for 語(yǔ)句等,你很可能會(huì)希望通過(guò)一個(gè)快捷鍵,就能實(shí)現(xiàn)在代碼塊的始末快速跳轉(zhuǎn)。比如在這5行代碼示例中,第一行到第三行代碼是函數(shù) foo 的定義,由一對(duì)花括號(hào)包裹起來(lái),當(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í)選中其中的文本。
比如說(shuō),你把光標(biāo)放在第一行代碼第四個(gè)字符 c 的后面,按下 Option 加左方向鍵,你就可以把光標(biāo)跳轉(zhuǎn)到 function 這個(gè)單詞的開頭,這個(gè)在前面我有講過(guò)。如果你同時(shí)按下 Option + 左方向鍵+ Shift 鍵,那么你就能把光標(biāo)到 function 單詞開頭之間的所有字符全部選中,也就是選中 func 這四個(gè)字符。

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

對(duì)于代碼塊的文本選擇, VS Code 默認(rèn)沒(méi)有綁定快捷鍵。那么,是不是就沒(méi)辦法了呢?
當(dāng)然不是。你可以先使用命令面板找到命令 “選擇括號(hào)所有內(nèi)容” 并運(yùn)行。后面我還會(huì)講述如何為一些未綁定快捷鍵的命令綁定自己熟悉的快捷鍵,請(qǐng)稍安勿躁。

刪除操作
了解了光標(biāo)移動(dòng)和文本選擇,再來(lái)看刪除操作,就變得相對(duì)簡(jiǎn)單了。
相關(guān)文章

Visual Studio Code怎么設(shè)置持久會(huì)話? vscode開啟持久會(huì)話的技巧
Visual Studio Code怎么設(shè)置持久會(huì)話??這是很基礎(chǔ)的知識(shí),很多朋友可能一時(shí)找不到,下面我們就來(lái)看看vscode開啟持久會(huì)話的技巧2022-04-11
VS Code怎么設(shè)置僅限環(huán)境變化指示燈?
VS Code怎么設(shè)置僅限環(huán)境變化指示燈?VS Code在設(shè)置指示燈的時(shí)候,想要設(shè)置斤環(huán)境變化的指示燈,該怎么設(shè)置呢?下面我們就來(lái)就來(lái)看看詳細(xì)的教程2022-04-11
VSCode怎么不響鈴? VisualStudioCode關(guān)閉啟用鈴聲的技巧
VSCode怎么不響鈴? VSCode中不想要用鈴聲是可以關(guān)閉的,該怎么關(guān)閉呢?下面我們就來(lái)就來(lái)看看VisualStudioCode關(guān)閉啟用鈴聲的技巧2022-03-31
VSCode怎么關(guān)閉自定義圖示符? VSCode不使用自定義圖示符的技巧
VSCode怎么關(guān)閉自定義圖示符?我們可以關(guān)閉自定義圖示符,改怎么關(guān)閉呢?消磨我們就來(lái)看看VSCode不使用自定義圖示符的技巧2022-03-31
VSCode怎么設(shè)置不自動(dòng)打開peek視圖? VSCode關(guān)閉自動(dòng)打開peek視圖的技巧
VSCode怎么設(shè)置不自動(dòng)打開peek視圖?VSCode自動(dòng)運(yùn)行期間會(huì)自動(dòng)打開peek視圖,該怎么關(guān)閉呢?下面我們就來(lái)看看VSCode關(guān)閉自動(dòng)打開peek視圖的技巧2022-03-31
VSCode中g(shù)it怎么開啟智能提交? VSCode智能提交的設(shè)置方法
VSCode中g(shù)it怎么開啟智能提交?Visual Studio Code中g(shù)it我們可以開啟智能提交代碼,該怎么開啟呢?下面我們就來(lái)看看那VSCode智能提交的設(shè)置方法2022-03-25
vscode自然語(yǔ)言搜索在哪? vscode啟用自然語(yǔ)言搜索的技巧
vscode自然語(yǔ)言搜索在?自然語(yǔ)言搜索對(duì)于搜索的關(guān)鍵詞要求比較寬松,搜索也方便,下面我們就來(lái)看看vscode啟用自然語(yǔ)言搜索的技巧2022-03-16
VSCode怎么設(shè)置通過(guò)按鈕檢索搜索選項(xiàng)? VSCode使用按鈕檢索的技巧
VSCode怎么設(shè)置通過(guò)按鈕檢索搜索選項(xiàng)?VSCode想要設(shè)置檢索按鈕,該怎么設(shè)置通過(guò)該按鈕檢索內(nèi)容呢?下面我們就來(lái)看看VSCode使用按鈕檢索的技巧2022-03-14
vscode同步功能在哪? VSCODE同步設(shè)置的圖文教程
vsco同步功能在哪?vsco中想要設(shè)置同步,該怎么設(shè)置呢?下面我們就來(lái)看看那VSCODE同步設(shè)置的圖文教程,詳細(xì)請(qǐng)看下文介紹2022-02-14
vscode怎么導(dǎo)入圖片? vscode把圖片放進(jìn)程序的技巧
vscode怎么導(dǎo)入圖片?vscode中想要將圖片導(dǎo)入程序,該怎么導(dǎo)入圖片呢?下面我們就來(lái)看看vscode把圖片放進(jìn)程序的技巧,詳細(xì)請(qǐng)看下文介紹2022-02-14











