Visual Studio Code 是一款優(yōu)秀的編輯器，非常適合編寫(xiě) TS 以及 React 。最近在學(xué)習(xí) AngularJs 2，開(kāi)始使用 VSCode，特意整理翻譯了一下官網(wǎng)的快捷鍵。因?yàn)橐呀?jīng)習(xí)慣了 Sublime 的快捷鍵，更換到 VSCode 有些不適應(yīng)，尤其是 Emmet 的使用。

Visual Studio Code 64位 v1.99.3 官方最新安裝版

• 類(lèi)型：編程工具
• 大小：102MB
• 語(yǔ)言：簡(jiǎn)體中文
• 時(shí)間：2025-04-17

查看詳情

 Visual Studio Code之常備快捷鍵

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

Visual Studio Code是個(gè)牛逼的編輯器，啟動(dòng)非?？?，完全可以用來(lái)代替其他文本文件編輯工具。又可以用來(lái)做開(kāi)發(fā)，支持各種語(yǔ)言，相比其他IDE，輕量級(jí)完全可配置還集成Git感覺(jué)非常的適合前端開(kāi)發(fā)。 所以我仔細(xì)研究了一下文檔未來(lái)可能會(huì)作為主力工具使用。

 主命令框

最重要的功能就是F1或Ctrl+Shift+P打開(kāi)的命令面板了，在這個(gè)命令框里可以執(zhí)行VSCode的任何一條命令，甚至關(guān)閉這個(gè)編輯器。
按一下Backspace會(huì)進(jìn)入到Ctrl+P模式里
在Ctrl+P下輸入>又可以回到Ctrl+Shift+P模式。
在Ctrl+P窗口下還可以

• 直接輸入文件名，跳轉(zhuǎn)到文件
• ?列出當(dāng)前可執(zhí)行的動(dòng)作
• !顯示Errors或Warnings，也可以`Ctrl+Shift+M
• :跳轉(zhuǎn)到行數(shù)，也可以Ctrl+G直接進(jìn)入
• @跳轉(zhuǎn)到symbol（搜索變量或者函數(shù)），也可以Ctrl+Shift+O直接進(jìn)入
• @:根據(jù)分類(lèi)跳轉(zhuǎn)symbol，查找屬性或函數(shù)，也可以Ctrl+Shift+O后輸入:進(jìn)入
• #根據(jù)名字查找symbol，也可以Ctrl+T

常用快捷鍵

編輯器與窗口管理

同時(shí)打開(kāi)多個(gè)窗口（查看多個(gè)項(xiàng)目）

• 打開(kāi)一個(gè)新窗口：Ctrl+Shift+N
• 關(guān)閉窗口：Ctrl+Shift+W

同時(shí)打開(kāi)多個(gè)編輯器（查看多個(gè)文件）

• 新建文件Ctrl+N
• 文件之間切換Ctrl+Tab
• 切出一個(gè)新的編輯器（最多3個(gè)）Ctrl+\，也可以按住Ctrl鼠標(biāo)點(diǎn)擊Explorer里的文件名
• 左中右3個(gè)編輯器的快捷鍵Ctrl+1Ctrl+2Ctrl+3
• 3個(gè)編輯器之間循環(huán)切換 Ctrl+`
• 編輯器換位置，Ctrl+k然后按Left或Right

代碼編輯

格式調(diào)整

• 代碼行縮進(jìn)Ctrl+[Ctrl+]
• Ctrl+CCtrl+V如果不選中，默認(rèn)復(fù)制或剪切一整行
• 代碼格式化：Shift+Alt+F，或Ctrl+Shift+P后輸入format code
• 上下移動(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)到文件開(kāi)頭：Ctrl+Home
• 移動(dòng)到定義處：F12
• 定義處縮略圖：只看一眼而不跳轉(zhuǎn)過(guò)去Alt+F12
• 移動(dòng)到后半個(gè)括號(hào)Ctrl+Shift+]
• 選擇從光標(biāo)到行尾Shift+End
• 選擇從行首到光標(biāo)處Shift+Home
• 刪除光標(biāo)右側(cè)的所有字Ctrl+Delete
• Shrink/expand selection：Shift+Alt+Left和Shift+Alt+Right
• Multi-Cursor：可以連續(xù)選擇多處，然后一起修改，Alt+Click添加cursor或者Ctrl+Alt+Down或Ctrl+Alt+Up
• 同時(shí)選中所有匹配的Ctrl+Shift+L
• Ctrl+D下一個(gè)匹配的也被選中(被我自定義成刪除當(dāng)前行了，見(jiàn)下邊Ctrl+Shift+K)
• 回退上一個(gè)光標(biāo)操作Ctrl+U

重構(gòu)代碼

• 找到所有的引用：Shift+F12
• 同時(shí)修改本文件中所有匹配的：Ctrl+F12
• 重命名：比如要修改一個(gè)方法名，可以選中后按F2，輸入新的名字，回車(chē)，會(huì)發(fā)現(xiàn)所有的文件都修改過(guò)了。
• 跳轉(zhuǎn)到下一個(gè)Error或Warning：當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按F8逐個(gè)跳轉(zhuǎn)
• 查看diff 在explorer里選擇文件右鍵Set file to compare，然后需要對(duì)比的文件上右鍵選擇Compare with 'file_name_you_chose'.

查找替換

• 查找Ctrl+F
• 查找替換Ctrl+H
• 整個(gè)文件夾中查找Ctrl+Shift+F
  匹配符：
• *to match one or more characters in a path segment
• ?to match on one character in a path segment
• **to match any number of path segments ,including none
• {}to group conditions (e.g.{**/*.html,**/*.txt}matches all html and txt files)
• []to declare a range of characters to match (e.g.,example.[0-9]to match onexample.0,example.1, …

顯示相關(guān)

• 全屏：F11
• zoomIn/zoomOut：Ctrl + =/Ctrl + -
• 側(cè)邊欄顯/隱：Ctrl+B
• 側(cè)邊欄4大功能顯示：
  • Show ExplorerCtrl+Shift+E
  • Show SearchCtrl+Shift+F
  • Show GitCtrl+Shift+G
  • Show DebugCtrl+Shift+D
• Show OutputCtrl+Shift+U

其他

• 自動(dòng)保存：File -> AutoSave ，或者Ctrl+Shift+P，輸入 auto

 修改默認(rèn)快捷鍵

File -> Preferences -> Keyboard Shortcuts

修改keybindings.json，我的顯示在這里C:\Users\Administrator\AppData\Roaming\Code\User\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"
    }
]

插件

新版本支持插件安裝了

插件市場(chǎng) https://marketplace.visualstudio.com/#VSCode

安裝插件

F1 輸入 extensions

點(diǎn)擊第一個(gè)開(kāi)始安裝或升級(jí)，或者也可以 Ctrl+P 輸入 ext install進(jìn)入
點(diǎn)擊第二個(gè)會(huì)列出已經(jīng)安裝的擴(kuò)展，可以從中卸載 

最新評(píng)論