摘要：在這篇文章中，我將列出我最喜歡的快捷鍵，這些快捷鍵讓我更快的編寫(xiě)代碼，也讓編碼變得更有趣，以下是個(gè)快捷鍵，分享給你。打開(kāi)鍵盤(pán)快捷鍵或，搜索。在中，啟動(dòng)性能是很重要的。逐個(gè)選擇文本可以通過(guò)快捷鍵右箭頭右箭頭和左箭頭左箭頭逐個(gè)選擇文本。

為了保證的可讀性，本文采用意譯而非直譯。

想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來(lái)篇優(yōu)質(zhì)文章等著你！

注意：自己嘗試的時(shí)候，Mac(17, pro) 與原文提供的快捷鍵盤(pán)不太一樣，mac 對(duì)應(yīng)的 Ctrl 要換成 command

做為前端開(kāi)發(fā)者來(lái)說(shuō)，大都數(shù)都用過(guò) VSCode，并且也有很多是經(jīng)常用的。但 VSCode 的一些快捷鍵可能我們不知道，也比較少用，畢竟這很好，因此本文就列出一些快捷鍵方便大家學(xué)習(xí)與記憶。

在這篇文章中，我將列出我最喜歡的快捷鍵，這些快捷鍵讓我更快的編寫(xiě)代碼，也讓編碼變得更有趣，以下是21 個(gè) VSCode 快捷鍵，分享給你。

Windows: Ctrl + Shift + F 
Mac: Command + Shift + F

VSCode中我最喜歡的特性之一是能夠在項(xiàng)目目錄中的所有文件中搜索任何匹配的文本。

要使用此特性，可以按Ctrl + Shift + f打開(kāi)視圖，它將顯示編輯器左側(cè)的側(cè)邊欄：

輸入查找的內(nèi)容并回車(chē)，VS code 將提供與輸入內(nèi)容匹配的結(jié)果列表，如下所示：

你還可以同時(shí)規(guī)制每個(gè)搜索果文件中的所有匹配內(nèi)容。如果你單擊左邊的這個(gè)小箭頭，它將在下面彈出第二個(gè)輸入框，可以在這里輸入要替換的文本，同時(shí)單擊右邊出現(xiàn)的小框：

你是否厭倦了每天看到相同的 tabs 底部顏色?可以使用 Material Theme 來(lái)擴(kuò)展 VsCode 的主題，這樣就可以為 tabs 設(shè)置不同的顏色。

紅色：

紫色

黃色

有16種不同的顏色可供選擇。

因此，如果胸有安裝此擴(kuò)展，打開(kāi)的命令面板(Ctrl + Shift + P)，選擇 Material Theme: Set accent color并從列表中選擇一個(gè)顏色，它將更改選項(xiàng)卡的下劃線(xiàn)顏色，如下所示

你是否發(fā)現(xiàn)你的VsCode 編輯器有時(shí)有點(diǎn)慢?這時(shí)候你希望哪個(gè)進(jìn)程在吃我們的內(nèi)存？

好吧，如果你還不知道，VsCode 有一個(gè)進(jìn)程資源管理器功能，如下所示：

是不是看起來(lái)很熟悉？

在windows任務(wù)管理器中看到過(guò)這一點(diǎn)，在VsCode 中按Ctrl + Alt + Delete可以打開(kāi)該任務(wù)管理器。

打開(kāi)鍵盤(pán)快捷鍵(Ctrl + Shift + P 或 command + Shift + p)，搜索 Expand Bracket Selection。

這是我需要花費(fèi)一些時(shí)間才能發(fā)現(xiàn)的，因?yàn)槲覠o(wú)法猜出該功能的名稱(chēng)。使用此功能可以自動(dòng)選擇整個(gè)塊，從開(kāi)始的大括號(hào)到結(jié)束。

我發(fā)現(xiàn)這個(gè)功能在想要找到 if/else 對(duì)應(yīng)的結(jié)束塊很有用。

Windows: Ctrl + Shift + T 
Mac: command + Shift + T

當(dāng)你處理一個(gè)文件很多的大型項(xiàng)目時(shí)，如果不小心關(guān)閉了一個(gè)頁(yè)面，并且不得不在側(cè)菜單中再次搜索它，這可能會(huì)有點(diǎn)令人沮喪。

現(xiàn)在，可以按 Ctrl + Shift + T 重新打開(kāi)一個(gè)關(guān)閉的頁(yè)面。

Windows: Ctrl + T 
Mac: command + T

說(shuō)到搜索文件，你可以動(dòng)態(tài)地搜索和打開(kāi)文件。這是我最喜歡的特性之一，因?yàn)椴恍枰謩?dòng)單擊目錄來(lái)重新打開(kāi)一個(gè)不再打開(kāi)的文件。

Windows: Ctrl + `
Mac: control + `

通過(guò) Ctrl + `可以打開(kāi)或關(guān)閉終端

你可以通過(guò)打開(kāi)命令面板(Ctrl + Shift + P)并輸入Show running extensions來(lái)查看所有你安裝的正在運(yùn)行的插件。

我個(gè)人認(rèn)為這是 VsCode 最酷的特性之一。它允許你在重新加載編輯器時(shí)將窗口放在前面，同時(shí)具有與關(guān)閉和重新打開(kāi)窗口相同的效果。

Windows: Ctrl + Alt + R
Mac: Control + Option + R

在我開(kāi)發(fā)的過(guò)程中，我習(xí)慣在錯(cuò)誤的選項(xiàng)卡組中使用選項(xiàng)卡。 我也希望避免盡可能多地使用我的鼠標(biāo)來(lái)解決問(wèn)題，因?yàn)檫@會(huì)讓我把手從鍵盤(pán)上抬起來(lái)，我很懶，手一起想放鍵盤(pán)上。

幸運(yùn)的是，VsCode 有一種方法可以通過(guò)按Ctrl + Alt +右箭頭（Mac：Control + Option +右箭頭）將標(biāo)簽移動(dòng)到右側(cè)的組，或者按Ctrl + Alt + 左箭頭將標(biāo)簽轉(zhuǎn)移到多帶帶的標(biāo)簽組 （Mac：Control + Option +左箭頭））將標(biāo)簽移動(dòng)到左側(cè)的組：

有時(shí)你想要?jiǎng)h除光標(biāo)右側(cè)或左側(cè)的所有內(nèi)容。 你可以選擇光標(biāo)右側(cè)或左側(cè)的所有內(nèi)容。例如，要選擇右側(cè)或左側(cè)的所有內(nèi)容：

Windows: Ctrl + Shift + Home/End 
Mac: command + Shift + Home/End

蘋(píng)果筆記本沒(méi)home鍵，可以用組合鍵實(shí)現(xiàn)

fn鍵+左方向鍵是HOME

fn鍵+右方向鍵是END

fn+上方向鍵是page up

fn+下方向鍵是page down

要?jiǎng)h除前一個(gè)單詞，可以按Ctrl + Backspace (Mac: option + delete)。這在你打錯(cuò)字的時(shí)候非常有用。

你可以在 VsCode 之外的任何地方使用它。

有時(shí)候，缺乏關(guān)于性能問(wèn)題的詳細(xì)信息是一件非常痛苦的事情，同時(shí)還要找出哪些有性能問(wèn)題。

有時(shí)候，如果你足夠幸運(yùn)，你會(huì)找到一個(gè)工具，它能給你所有的答案。在VsCode 中，啟動(dòng)性能是很重要的。這就是為什么你能彈出一個(gè)有用的窗口，奇跡般地提供所有你需要的信息：

打開(kāi)命令面板(Ctrl + Shift + P)，搜索Startup Performance。

可以通過(guò)快捷鍵Ctrl + Shift +右箭頭(Mac: option + Shift +右箭頭)和Ctrl + Shift +左箭頭(Mac: option + Shift +左箭頭)逐個(gè)選擇文本。

一個(gè)非常強(qiáng)大和已知的功能是復(fù)制行。只需按 Shift + Alt + 向下箭頭 (Mac: command + Shift + 向下箭頭)

要使光標(biāo)移到文件的第一行或最后一行，最快的方法是按Ctrl + Home (Mac: command + Home)鍵開(kāi)頭，然后按Ctrl + End (Mac: command + End)鍵結(jié)尾。

可以選擇任何一組文本，如果該選中文本出現(xiàn)多個(gè)，可以通過(guò)按Ctrl + F2 (Mac: command + F2)一次改所有出現(xiàn)的文本。

按Alt + 向上箭頭(Mac: command+ 向上箭頭)當(dāng)前行向上移動(dòng)，按Alt + 向下箭頭(Mac: command+ 向下箭頭))當(dāng)前行向下移動(dòng)。

有兩種方法可以立即刪除一行。

使用Ctrl + X剪切命令(Mac：command + X)來(lái)刪除一行。

或者使用 Ctrl + Shift + K (Mac: command + Shift + K)命令。

如果你像我一樣，你可能會(huì)有一種無(wú)法控制的欲望，想要在一個(gè)組中重新排列選項(xiàng)卡，其中選項(xiàng)卡相互關(guān)聯(lián)，左邊的選項(xiàng)卡是比較重要文件，而右邊的選項(xiàng)卡是相對(duì)不重要的文件。
通過(guò) Ctrl+Shift+PgUp/PgDown(command + +Shift+PgUp/PgDown)向左/向右移動(dòng)編輯器。

在 VsCode 中復(fù)制游標(biāo)可以證明是最節(jié)省時(shí)間的特性。

按Ctrl + Alt +向上箭頭(Mac: Control + Option +向上箭頭)將光標(biāo)添加到上面，按Ctrl + Alt +向下箭頭(Mac: Control + Option + 向下箭頭)將光標(biāo)添加到下面。

代碼部署后可能存在的BUG沒(méi)法實(shí)時(shí)知道，事后為了解決這些BUG，花了大量的時(shí)間進(jìn)行l(wèi)og 調(diào)試，這邊順便給大家推薦一個(gè)好用的BUG監(jiān)控工具 Fundebug。

干貨系列文章匯總?cè)缦?，覺(jué)得不錯(cuò)點(diǎn)個(gè)Star，歡迎 加群 互相學(xué)習(xí)。

https://github.com/qq44924588...

我是小智，公眾號(hào)「大遷世界」作者，對(duì)前端技術(shù)保持學(xué)習(xí)愛(ài)好者。我會(huì)經(jīng)常分享自己所學(xué)所看的干貨，在進(jìn)階的路上，共勉！

關(guān)注公眾號(hào)，后臺(tái)回復(fù)福利，即可看到福利，你懂的。