VSCode鍵盤有哪些操作? VSCode鍵盤快捷操作匯總

VSCode 鍵盤操作,做到雙手不離鍵盤,今天先來談一談核心的鍵盤操作:光標(biāo)的移動、文本的選擇、文本的刪除,以及如何為編輯器命令綁定快捷鍵。
光標(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)容” 并運(yùn)行。后面我還會講述如何為一些未綁定快捷鍵的命令綁定自己熟悉的快捷鍵,請稍安勿躁。
刪除操作
了解了光標(biāo)移動和文本選擇,再來看刪除操作,就變得相對簡單了。
比如你想把當(dāng)前行中光標(biāo)之前的文本全部刪除,就可以先選中這段文本(Windows/Linux: Home + Shift,macOS: Cmd + Left + Shift ),然后再按刪除鍵。不過對于頻繁使用的刪除操作,你肯定希望單次操作就可以完成任務(wù),而不是重復(fù)地選擇文本然后刪除,那么你需要記住下面幾個命令。
(1)假設(shè)你把光標(biāo)放在第二行代碼的中間位置,然后按下 Cmd 和 Backspace(MacOS上就是“fn + delete”的組合,Windows 上未綁定快捷鍵,可以打開命令面板運(yùn)行“刪除右側(cè)所有內(nèi)容”),就能夠把第二行代碼光標(biāo)后(右側(cè))的字符全部刪掉。
(2)按下 Cmd 和 Delete 鍵則是刪除當(dāng)前行中光標(biāo)前(左側(cè))的所有內(nèi)容(Windows 上未綁定快捷鍵,可以打開命令面板運(yùn)行“刪除左側(cè)所有內(nèi)容”)。
(3)刪除單詞內(nèi)的字符與此類似。假設(shè)把光標(biāo)放在第一行第四個字符 c 的后面。Option 加左方向鍵把光標(biāo)移動到 function 這個單詞的開頭,Option加左方向鍵再加 Shift 即可選中 func 這四個字符,而Option 加 Delete 則會刪除 func 這四個字符。這里你可能看出來了,這些快捷鍵共同的是 Option 鍵,然后通過按下 Shift 或者 Delete 鍵,來達(dá)到不同的效果。
(4)相反地,Option 加 Backspace(MacOS上就是“fn + delete”的組合) 則會刪除 function 的后四個字符 tion。
自定義快捷鍵
前面我們提到,VS Code 內(nèi)置了很多的命令,但是并沒有為每個命令都提供一個快捷鍵,畢竟快捷鍵的組合總是有限的。不過 VS Code 提供了快捷鍵的修改和自定義功能,這樣你就可以根據(jù)自己的使用習(xí)慣,給自己常用的命令指定順手的快捷鍵。
首先你可以打開命令面板(你還記得它的快捷鍵不?),搜索“打開鍵盤快捷方式”然后執(zhí)行,這時你將看到相對應(yīng)的界面。
然后通過搜索找到你希望修改快捷鍵的命令,雙擊,接下來你只要按下你期望的快捷鍵,最后按下回車鍵就可以了。
比如,你可以搜索“選擇括號內(nèi)所有內(nèi)容”,雙擊,按下”Cmd + Shift + ]”,然后按下回車,這個快捷鍵就綁定上了。
有了這個快捷鍵,你就不需要打開命令面板找到這個命令再執(zhí)行了??吹竭@里你可能會問,“如果我按下某個快捷鍵所綁定的命令不是我想要的,但是我又不知道這個命令的名字怎么辦?”
VS Code 的快捷鍵修改界面已經(jīng)考慮到了這一點,你可以在搜索框內(nèi)搜索你使用的快捷鍵,然后就可以看到這個快捷鍵當(dāng)前對應(yīng)的命令是哪個。
比如,在上面的示例里,你通過搜索 “cmd+backspace”這組快捷鍵,發(fā)現(xiàn)它對應(yīng)的命令是“刪除左側(cè)所有內(nèi)容”,但你不希望使用這個命令,那你就可以通過右鍵選擇刪除該快捷鍵的綁定。
以上就是VSCode鍵盤快捷操作匯總,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode怎么比較兩個文件的區(qū)別? vscode對兩個文件內(nèi)容進(jìn)行對比技巧
VSCode怎么添加IntelliJ IDEA的快捷鍵? VSCode新增快捷鍵擴(kuò)展的技巧
相關(guān)文章
Visual Studio Code怎么設(shè)置持久會話? vscode開啟持久會話的技巧
Visual Studio Code怎么設(shè)置持久會話??這是很基礎(chǔ)的知識,很多朋友可能一時找不到,下面我們就來看看vscode開啟持久會話的技巧2022-04-11VS Code怎么設(shè)置僅限環(huán)境變化指示燈?
VS Code怎么設(shè)置僅限環(huán)境變化指示燈?VS Code在設(shè)置指示燈的時候,想要設(shè)置斤環(huán)境變化的指示燈,該怎么設(shè)置呢?下面我們就來就來看看詳細(xì)的教程2022-04-11VSCode怎么不響鈴? VisualStudioCode關(guān)閉啟用鈴聲的技巧
VSCode怎么不響鈴? VSCode中不想要用鈴聲是可以關(guān)閉的,該怎么關(guān)閉呢?下面我們就來就來看看VisualStudioCode關(guān)閉啟用鈴聲的技巧2022-03-31VSCode怎么關(guān)閉自定義圖示符? VSCode不使用自定義圖示符的技巧
VSCode怎么關(guān)閉自定義圖示符?我們可以關(guān)閉自定義圖示符,改怎么關(guān)閉呢?消磨我們就來看看VSCode不使用自定義圖示符的技巧2022-03-31VSCode怎么設(shè)置不自動打開peek視圖? VSCode關(guān)閉自動打開peek視圖的技巧
VSCode怎么設(shè)置不自動打開peek視圖?VSCode自動運(yùn)行期間會自動打開peek視圖,該怎么關(guān)閉呢?下面我們就來看看VSCode關(guān)閉自動打開peek視圖的技巧2022-03-31VSCode中g(shù)it怎么開啟智能提交? VSCode智能提交的設(shè)置方法
VSCode中g(shù)it怎么開啟智能提交?Visual Studio Code中g(shù)it我們可以開啟智能提交代碼,該怎么開啟呢?下面我們就來看看那VSCode智能提交的設(shè)置方法2022-03-25vscode自然語言搜索在哪? vscode啟用自然語言搜索的技巧
vscode自然語言搜索在?自然語言搜索對于搜索的關(guān)鍵詞要求比較寬松,搜索也方便,下面我們就來看看vscode啟用自然語言搜索的技巧2022-03-16VSCode怎么設(shè)置通過按鈕檢索搜索選項? VSCode使用按鈕檢索的技巧
VSCode怎么設(shè)置通過按鈕檢索搜索選項?VSCode想要設(shè)置檢索按鈕,該怎么設(shè)置通過該按鈕檢索內(nèi)容呢?下面我們就來看看VSCode使用按鈕檢索的技巧2022-03-14vscode同步功能在哪? VSCODE同步設(shè)置的圖文教程
vsco同步功能在哪?vsco中想要設(shè)置同步,該怎么設(shè)置呢?下面我們就來看看那VSCODE同步設(shè)置的圖文教程,詳細(xì)請看下文介紹2022-02-14vscode怎么導(dǎo)入圖片? vscode把圖片放進(jìn)程序的技巧
vscode怎么導(dǎo)入圖片?vscode中想要將圖片導(dǎo)入程序,該怎么導(dǎo)入圖片呢?下面我們就來看看vscode把圖片放進(jìn)程序的技巧,詳細(xì)請看下文介紹2022-02-14