您现在的位置:首页 >> 前端 >> 内容

vscode:VisualStudioCode常用快捷键汇总

时间:2018/6/26 11:41:07 点击:

  核心提示:主命令框F1或Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:按一下Backspace会进入到Ctrl+P模式在Ctrl+P下输入可以进入Ctrl+Shift+P模...

主命令框

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+1Ctrl+2Ctrl+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

显示 GitCtrl+Shift+G

显示 DebugCtrl+Shift+D

显示 OutputCtrl+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"
    ]
}

Tags:VS SC CO OD 
作者:网络 来源:weixin_423