20個(gè)幫你更快搬磚的vscode快捷鍵

原文鏈接

這篇文章旨在幫助使用 VS Code 的人能夠更快速的開(kāi)發(fā),不是每個(gè)人都有時(shí)間去研究每一個(gè)提示和技巧,去發(fā)現(xiàn)幫助他們更快開(kāi)發(fā)的那一個(gè) - 因?yàn)樘嗔恕?所以我會(huì)列出我最喜歡用的可以使我快速開(kāi)發(fā)的快捷鍵宁仔。

let's start逾条!

合并為一行

Join line
  • On Mac: Ctrl + J
  • 在 Ubuntu君账、Windows: 在File > Preferences > Keyvoard shortcuts 打開(kāi)快捷鍵設(shè)置酝惧,并將選擇的快捷鍵綁定在edtior.action.joinLines上.

格式化代碼

這個(gè)快捷鍵會(huì)根據(jù)編輯器的配置去縮進(jìn)代碼

Code Formatting

提示: 在開(kāi)發(fā)前或者開(kāi)發(fā)完成后使用它。我更喜歡在我完成了文件中的代碼后使用它值漫。

  • On Windows: Shift + Alt + F
  • On Mac: Shift + Option + F
  • On Ubuntu: Ctrl + Shift + I

清除行尾的空格

這個(gè)命令幫助你刪除行首和行尾的多余空白澳腹,并且把你從各式各樣的嚴(yán)格代碼檢查中脫離出來(lái)。

提示: 在你完成文件中的代碼的最后杨何,使用它

或者酱塔,你可以在設(shè)置中啟用空格清除設(shè)置:

  1. 打開(kāi)用戶設(shè)置(Preperences > Settings > User Settings tab)。

  2. 點(diǎn)擊窗口右上角的`{}``圖標(biāo)晚吞,會(huì)打開(kāi)一個(gè)文檔延旧。

  3. 如果這里沒(méi)有的話,添加一個(gè)新的設(shè)置"files.trimTrailingWhitespace": true槽地。這樣一來(lái),你就可以添加一個(gè)設(shè)置,而不是直接修改默認(rèn)設(shè)置捌蚊。

  4. 保存用戶設(shè)置文件集畅。

我們也可以綁定一個(gè)快捷鍵去手動(dòng)觸發(fā)空格清除(快捷鍵面板里的Trim Trailing Whitespace)。

如果你使用了新版本的 VS Code 缅糟,那么按照步驟一挺智,然后看下面的圖片。

image

折疊代碼

有時(shí)候如果代碼很多窗宦,并且你只想整體了解下赦颇,那么折疊代碼就會(huì)很有用。

  1. 收起光標(biāo)處里邊未折疊區(qū)域的代碼
  • On Windows /Ubuntu: Ctrl + Shift + [

  • On Mac: Command+ Option + [

  1. 打開(kāi)光標(biāo)處折疊區(qū)域的代碼
  • On Windows /Ubuntu: Ctrl + Shift + ]
  • On Mac: Command+ Option + ]

向上/向下復(fù)制代碼

  • On Windows: Shift + Alt + Up/Down
  • On Mac: Shift + Option + Up/Down
  • On Ubuntu: Ctrl + Shift + Alt + Up/Down

而且赴涵,你可以通過(guò)File > Preferences > Keyboard Shortcuts查看綁定的快捷鍵媒怯,然后綁定到你喜歡的快捷鍵上


拆分編輯器

image
  • On Windows: Shift + Alt + \ or 2,3,4
  • On Mac: Command + \ or 2,3,4
  • On Ubuntu: Shift + Alt + \ or 2,3,4

你可以使用split editor命令拆分編輯器。原始的快捷鍵是1 2 3髓窜。多個(gè)文件并行開(kāi)發(fā)時(shí)很有用扇苞。

而且,你可以通過(guò)File > Preferences > Keyboard Shortcuts查看綁定的快捷鍵寄纵,然后綁定到你喜歡的快捷鍵上


柵格編輯器布局

默認(rèn)情況下鳖敷,編輯器組是按照垂直列布局的。你可以很輕松的把編輯器組整理成任何你喜歡的布局程拭,橫向豎向都可以定踱。

image

為了支持靈活的布局,你可以創(chuàng)建空的編輯器組恃鞋。默認(rèn)情況下屋吨,關(guān)閉編輯器組中的最后一個(gè)編輯器,同樣會(huì)關(guān)掉這個(gè)編輯器組山宾,但是你可以通過(guò)設(shè)置修改這個(gè)行為:workbench.editor.closeEmptyGroups: false

View > Editor Layout有預(yù)先定義的編輯器布局:

image

選中單詞

image
  • On Windows: Ctrl+ d
  • On Mac: Command + d
  • On Ubuntu: Ctrl+ d

如果你點(diǎn)擊多次Command + d, 將會(huì)添加另一個(gè)相同關(guān)鍵詞的選中至扰。


打開(kāi)/關(guān)閉側(cè)邊欄

  • On Windows: Ctrl+ b
  • On Mac: Command + b
  • On Ubuntu: Ctrl+ b
image

導(dǎo)航到一個(gè)特定的行

image

想要到文件的某一行,你可以使用ctrl + g快捷鍵资锰,然后輸入行數(shù)敢课。

你也可以使用ctrl + p快捷鍵打開(kāi)go-to file菜單,先輸入:,在輸入行號(hào)即可绷杜。

  • On Windows: Ctrl + g
  • On Mac: Ctrl + g or Ctrl + p
  • On Ubuntu: Ctrl + g

導(dǎo)航到某個(gè)標(biāo)志

image
  • On Windows: Ctrl + Shift + o
  • On Mac: Command + Shift+ o
  • On Ubuntu: Ctrl + Shift + o

你可以輸入一個(gè)冒號(hào)給這些標(biāo)志根據(jù)類型分組直秆,@:


導(dǎo)航到工作區(qū)中的某個(gè)標(biāo)志

image
  • On Windows: Ctrl + t
  • On Mac: Command + t
  • On Ubuntu: Ctrl + t

刪除前一個(gè)單詞

image
  • On Windows: Ctrl + backspace
  • On Mac: Command + delete
  • On Ubuntu: Ctrl + backspace

這在某種情況下是很有用的鞭盟,比如當(dāng)你在打錯(cuò)字了圾结,不想長(zhǎng)按刪除鍵去刪除你想刪除的那部分。


選中單詞

image
  • On Windows: Ctrl + Shift + Right arrow / Left arrow
  • On Mac: Command + Shift + Right arrow / Left arrow
  • On Ubuntu: Ctrl + Shift + Right arrow / Left arrow

這對(duì)于快速選擇單詞和按需編輯是非常有用的齿诉。


復(fù)制行

  • On Windows: Ctrl + Shift + d
  • On Mac: Command + Shift +d
  • On Ubuntu: Ctrl + Shift + d

一個(gè)強(qiáng)大的眾所周知的功能就是可以復(fù)制行筝野。


刪除行

image
  • On Windows: Ctrl + x
  • On Mac: Command + x
  • On Ubuntu: Ctrl + x

向上/向下添加光標(biāo)

image
  • On Windows: Ctrl + Alt + Up arrow / Down arrow
  • On Mac: Command + Alt + Up arrow / Down arrow
  • On Ubuntu: Ctrl + Alt + Up arrow / Down arrow

復(fù)制光標(biāo)可能是VS code中能節(jié)省最多時(shí)間的功能晌姚。在寫TS的時(shí)候會(huì)它變得更有用。


重命名變量

image
  • On Windows: F2
  • On Mac: F2
  • On Ubuntu: F2

選中一個(gè)變量歇竟, 然后輸入F2挥唠,或者也可以使用上下文菜單。


列區(qū)域選中

  • On Windows: Shift + Alt
  • On Mac: Shift + Option
  • On Ubuntu: Shift + Alt

當(dāng)你使用上述快捷鍵并拖動(dòng)你的鼠標(biāo)時(shí)焕议,你就可以選中一個(gè)區(qū)域的文本宝磨。在選中的每一行尾部將會(huì)被添加單獨(dú)的光標(biāo)。


命令面板

image
  • On Windows: Ctrl + p
  • On Mac: Command + p
  • On Ubuntu: Ctrl + p

可看到你當(dāng)前上下文所有可用的命令盅安。

其一些經(jīng)常用到的:

1. 打開(kāi)一個(gè)文件

想要轉(zhuǎn)到某個(gè)文件唤锉,可以使用上述快捷鍵,然后輸入你正在找的文件的名字别瞭,他將幫你很快的定位到文件窿祥。

image

2. 查看鍵盤綁定的命令

所有的命令以及綁定的快捷鍵都在命令面板里。如你忘記了某個(gè)快捷鍵畜隶,它可以幫助到你壁肋。

image

總結(jié)

因?yàn)橛泻芏嗟目旖萱I可能滿足您的需要,所以我列出了PDF的鏈接籽慢,里邊有不同系統(tǒng)中所有的vscode快捷鍵浸遗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市箱亿,隨后出現(xiàn)的幾起案子跛锌,更是在濱河造成了極大的恐慌,老刑警劉巖届惋,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件髓帽,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡脑豹,警方通過(guò)查閱死者的電腦和手機(jī)郑藏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)瘩欺,“玉大人必盖,你說(shuō)我怎么就攤上這事【愣觯” “怎么了歌粥?”我有些...
    開(kāi)封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)拍埠。 經(jīng)常有香客問(wèn)我失驶,道長(zhǎng),這世上最難降的妖魔是什么枣购? 我笑而不...
    開(kāi)封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任嬉探,我火速辦了婚禮擦耀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘甲馋。我一直安慰自己埂奈,他們只是感情好迄损,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布定躏。 她就那樣靜靜地躺著,像睡著了一般芹敌。 火紅的嫁衣襯著肌膚如雪痊远。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天氏捞,我揣著相機(jī)與錄音碧聪,去河邊找鬼。 笑死液茎,一個(gè)胖子當(dāng)著我的面吹牛逞姿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播捆等,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼滞造,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了栋烤?” 一聲冷哼從身側(cè)響起谒养,我...
    開(kāi)封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎明郭,沒(méi)想到半個(gè)月后买窟,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡薯定,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年始绍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片话侄。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡亏推,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出满葛,到底是詐尸還是另有隱情径簿,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布嘀韧,位于F島的核電站篇亭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏锄贷。R本人自食惡果不足惜译蒂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一曼月、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柔昼,春花似錦哑芹、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至乙嘀,卻和暖如春末购,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背虎谢。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工盟榴, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人婴噩。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓擎场,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親几莽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子迅办,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345