vscode: Visual Studio Code 常用快捷鍵

主命令框

F1?或?Ctrl+Shift+P: 打開命令面板。在打開的輸入框內,可以輸入任何命令,例如:

按一下?Backspace?會進入到?Ctrl+P?模式

在?Ctrl+P?下輸入?>?可以進入?Ctrl+Shift+P?模式

在?Ctrl+P?窗口下還可以:

直接輸入文件名,跳轉到文件

??列出當前可執行的動作

!?顯示?Errors或?Warnings,也可以?Ctrl+Shift+M

:?跳轉到行數,也可以?Ctrl+G?直接進入

@?跳轉到?symbol(搜索變量或者函數),也可以?Ctrl+Shift+O?直接進入

@?根據分類跳轉?symbol,查找屬性或函數,也可以?Ctrl+Shift+O?后輸入:進入

#?根據名字查找?symbol,也可以?Ctrl+T

常用快捷鍵

編輯器與窗口管理

打開一個新窗口:?Ctrl+Shift+N

關閉窗口:?Ctrl+Shift+W

同時打開多個編輯器(查看多個文件)

新建文件?Ctrl+N

文件之間切換?Ctrl+Tab

切出一個新的編輯器(最多?3?個)?Ctrl+\,也可以按住?Ctrl?鼠標點擊?Explorer?里的文件名

左中右?3?個編輯器的快捷鍵?Ctrl+1?Ctrl+2?Ctrl+3

3?個編輯器之間循環切換?Ctrl+

編輯器換位置,?Ctrl+k然后按?Left或?Right

代碼編輯

格式調整

代碼行縮進?Ctrl+[?、?Ctrl+]

Ctrl+C?、?Ctrl+V?復制或剪切當前行/當前選中內容

代碼格式化:?Shift+Alt+F,或?Ctrl+Shift+P?后輸入?format code

上下移動一行:?Alt+Up?或?Alt+Down

向上向下復制一行:?Shift+Alt+Up?或?Shift+Alt+Down

在當前行下邊插入一行?Ctrl+Enter

在當前行上方插入一行?Ctrl+Shift+Enter

光標相關

移動到行首:?Home

移動到行尾:?End

移動到文件結尾:?Ctrl+End

移動到文件開頭:?Ctrl+Home

移動到定義處:?F12

定義處縮略圖:只看一眼而不跳轉過去?Alt+F12

移動到后半個括號:?Ctrl+Shift+]

選擇從光標到行尾:?Shift+End

選擇從行首到光標處:?Shift+Home

刪除光標右側的所有字:?Ctrl+Delete

擴展/縮小選取范圍:?Shift+Alt+Left?和?Shift+Alt+Right

多行編輯(列編輯):Alt+Shift+鼠標左鍵,Ctrl+Alt+Down/Up

同時選中所有匹配:?Ctrl+Shift+L

Ctrl+D?下一個匹配的也被選中 (在 sublime 中是刪除當前行,后面自定義快鍵鍵中,設置與?Ctrl+Shift+K?互換了)

回退上一個光標操作:?Ctrl+U

重構代碼

找到所有的引用:?Shift+F12

同時修改本文件中所有匹配的:?Ctrl+F12

重命名:比如要修改一個方法名,可以選中后按?F2,輸入新的名字,回車,會發現所有的文件都修改了

跳轉到下一個?Error?或?Warning:當有多個錯誤時可以按?F8?逐個跳轉

查看?diff: 在?explorer?里選擇文件右鍵?Set file to compare,然后需要對比的文件上右鍵選擇?Compare with file_name_you_chose

查找替換

查找?Ctrl+F

查找替換?Ctrl+H

整個文件夾中查找?Ctrl+Shift+F

顯示相關

全屏:F11

zoomIn/zoomOut:Ctrl +/-

側邊欄顯/隱:Ctrl+B

顯示資源管理器?Ctrl+Shift+E

顯示搜索?Ctrl+Shift+F

顯示 Git?Ctrl+Shift+G

顯示 Debug?Ctrl+Shift+D

顯示 Output?Ctrl+Shift+U

其他

自動保存:File -> AutoSave?,或者?Ctrl+Shift+P,輸入?auto

修改默認快捷鍵

打開默認鍵盤快捷方式設置:

File -> Preferences -> Keyboard Shortcuts,或者:Alt+F -> p -> k

修改?keybindings.json:

// Place your key bindings in this file to overwrite the defaults

[

? ? // ctrl+space 被切換輸入法快捷鍵占用

? ? {

? ? ? ? "key": "ctrl+alt+space",

? ? ? ? "command": "editor.action.triggerSuggest",

? ? ? ? "when": "editorTextFocus"

? ? },

? ? // ctrl+d 刪除一行

? ? {

? ? ? ? "key": "ctrl+d",

? ? ? ? "command": "editor.action.deleteLines",

? ? ? ? "when": "editorTextFocus"

? ? },

? ? // 與刪除一行的快捷鍵互換

? ? {

? ? ? ? "key": "ctrl+shift+k",

? ? ? ? "command": "editor.action.addSelectionToNextFindMatch",

? ? ? ? "when": "editorFocus"

? ? },

? ? // ctrl+shift+/多行注釋

? ? {

? ? ? ? "key":"ctrl+shift+/",

? ? ? ? "command": "editor.action.blockComment",

? ? ? ? "when": "editorTextFocus"

? ? },

? ? // 定制與 sublime 相同的大小寫轉換快捷鍵,需安裝 TextTransform 插件

? ? {

? ? ? ? "key": "ctrl+k ctrl+u",

? ? ? ? "command": "uppercase",

? ? ? ? "when": "editorTextFocus"

? ? },

? ? {

? ? ? ? "key": "ctrl+k ctrl+l",

? ? ? ? "command": "lowercase",

? ? ? ? "when": "editorTextFocus"

? ? }

]

前端開發必備插件

PostCSS Sorting

stylelint

stylefmt

ESLint

javascript standard format

beautify

Babel ES6/ES7

Debugger for Chrome

Add jsdoc comments

javascript(ES6) code snippets

vue

weex

Reactjs code snippets

React Native Tools

Npm Intellisense

Instant Markdown

Markdown Shortcuts

TextTransform

自定義設置參考

vscode 自定義配置參考:

{

? ? "editor.fontSize": 18,

? ? "files.associations": {

? ? ? ? "*.es": "javascript",

? ? ? ? "*.es6": "javascript"

? ? },

? ? // 控制編輯器是否應呈現空白字符

? ? "editor.renderWhitespace": true,

? ? // 啟用后,將在保存文件時剪裁尾隨空格。

? ? "files.trimTrailingWhitespace": true,

? ? // File extensions that can be beautified as javascript or JSON.

? ? "beautify.JSfiles": [

? ? ? ? "",

? ? ? ? "es",

? ? ? ? "es6",

? ? ? ? "js",

? ? ? ? "json",

? ? ? ? "jsbeautifyrc",

? ? ? ? "jshintrc"

? ? ]

}

相關參考

官方快捷鍵大全:https://code.visualstudio.com/docs/customization/keybindings

http://blog.csdn.net/u010019717/article/details/50443970

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,461評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,538評論 3 417
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,423評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,991評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,761評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,207評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,268評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,419評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,959評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,653評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,901評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,678評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,978評論 2 374

推薦閱讀更多精彩內容