在前端的開發(fā)過(guò)程中，如果有一個(gè)比較好的開發(fā)工具，配合一些常用的快捷鍵，開發(fā)效率將大大提升，正所謂工具善其事必先利其器。前端推薦使用編輯器VS code,用過(guò)HB-X，ST3,Webstorm等編譯器之后就會(huì)發(fā)現(xiàn)，前端編輯器最屌的還是VS code。

官方文檔：

https://code.visualstudio.com/docs/getstarted/keybindings

官方快捷鍵PDF：

windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

macOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

主命令

F1 或?Ctrl+Shift+P?: 打開命令面板。在打開的輸入框內(nèi)，可以輸入任何命令。

這個(gè)比較常用的是安裝插件或者查找文件，我一般都是用來(lái)查找項(xiàng)目文件，插件的話一般直接在擴(kuò)展程序中安裝。

編輯器與窗口管理

新建文件: ? Ctrl+N

文件之間切換: ? Ctrl+Tab

打開一個(gè)新的VS Code編輯器: ? ?Ctrl+Shift+N

關(guān)閉當(dāng)前窗口: ? Ctrl+W

關(guān)閉當(dāng)前的VS Code編輯器: ? Ctrl+Shift+W

切出一個(gè)新的編輯器窗口（最多3個(gè)): ? Ctrl+\

切換左中右3個(gè)編輯器窗口的快捷鍵: ? Ctrl+1 ?Ctrl+2 ?Ctrl+3

格式調(diào)整

代碼行向左或向右縮進(jìn): ? Ctrl+[ 、 Ctrl+]

復(fù)制或剪切當(dāng)前行/當(dāng)前選中內(nèi)容: ? Ctrl+C 、 Ctrl+V

代碼格式化: ? Shift+Alt+F

向上或向下移動(dòng)一行: ? Alt+Up 或 Alt+Down

向上或向下復(fù)制一行: ? Shift+Alt+Up 或 Shift+Alt+Down

在當(dāng)前行下方插入一行: ? Ctrl+Enter

在當(dāng)前行上方插入一行: ? Ctrl+Shift+Enter

光標(biāo)相關(guān)

移動(dòng)到行首: ? Home

移動(dòng)到行尾: ? End

移動(dòng)到文件結(jié)尾: ? Ctrl+End

移動(dòng)到文件開頭: ? Ctrl+Home

移動(dòng)到定義處: ? F12

查看定義處縮略圖(只看一眼而不跳轉(zhuǎn)過(guò)去): ? ?Alt+F12

選擇從光標(biāo)到行尾的內(nèi)容: ? Shift+End

選擇從光標(biāo)到行首的內(nèi)容：Shift+Home

刪除光標(biāo)右側(cè)的所有內(nèi)容(當(dāng)前行): ? Ctrl+Delete

擴(kuò)展/縮小選取范圍：Shift+Alt+Right 和 Shift+Alt+Left

多行編輯(列編輯): ? Alt+Shift+鼠標(biāo)左鍵 或 Ctrl+Alt+Down/Up

同時(shí)選中所有匹配編輯(與當(dāng)前行或選定內(nèi)容匹配): ? Ctrl+Shift+L

下一個(gè)匹配的也被選中: ? Ctrl+D

回退上一個(gè)光標(biāo)操作: ? Ctrl+U

撤銷上一步操作: Ctrl+Z

手動(dòng)保存: ? Ctrl+S

重構(gòu)代碼

找到所有的引用：Shift+F12

同時(shí)修改本文件中所有匹配的：Ctrl+F12

查看 diff：在 explorer 里選擇文件右鍵Set file to compare，然后需要對(duì)比的文件上右鍵選擇

Compare with file_name_you_chose

查找替換

查找Ctrl+F

查找替換Ctrl+H

整個(gè)文件夾中查找Ctrl+Shift+F

顯示相關(guān)

全屏顯示(再次按則恢復(fù)): ? F11

放大或縮小(以編輯器左上角為基準(zhǔn)): ? Ctrl +/-

側(cè)邊欄顯示或隱藏：Ctrl+B

顯示資源管理器(光標(biāo)切到側(cè)邊欄中才有效): ? Ctrl+Shift+E

顯示搜索(光標(biāo)切到側(cè)邊欄中才有效): ? Ctrl+Shift+F

顯示(光標(biāo)切到側(cè)邊欄中才有效): ? Git Ctrl+Shift+G

顯示 Debug: ? ?Ctrl+Shift+D

顯示 Output: ? ?Ctrl+Shift+U

其他設(shè)置

自動(dòng)保存：File -> AutoSave(中文界面下“文件”->“自動(dòng)保存”) 或者 Ctrl+Shift+P，輸入 auto

好啦，本期內(nèi)容就分享到這里，我們下期見(jiàn)！

總結(jié)

以上是生活随笔為你收集整理的VS code常用的快捷键的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。