`

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
分享到:
评论

相关推荐

    前端其他相关-Visual Studio Code 常用快捷键

    前端其他相关--Visual Studio Code 常用快捷键

    Visual Studio Code键盘快捷键 汉化中文版

    综合以上内容,Visual Studio Code的键盘快捷键汉化版文档为用户提供了一个快速查找和记忆各种快捷操作的途径。文档中涵盖了通用操作、编辑、导航、查找替换、多光标操作、语言特定操作、编辑器管理、文件管理、显示...

    visual studio code 快捷键速查表(中文版)

    官方英文版的快捷键速查表 直接翻译了快捷键说明,可以方便打印使用。上传PSD版本,可以直接打印,也可以自己再次修改

    Visual Studio Code MacOS 快捷键速查图

    以下是一些常见的VS Code快捷键: 1. **打开/关闭VS Code**:双击`Cmd + Space`,然后输入“Visual Studio Code”。 2. **打开文件**:`Cmd + O`,可以快速打开项目中的任何文件。 3. **新建文件**:`Cmd + N`,在...

    史上最全 visual studio code 快捷键 mac 版

    Visual Studio Code,简称VS Code,是微软推出的一款免费开源的代码编辑器,它支持MacOS、Windows和Linux操作系统,并且具备丰富的插件生态和便捷的编辑功能。特别是对于使用MacOS的用户来说,掌握VS Code的快捷键...

    Visual Studio Code Windows 快捷键速查表中文版 PDF

    基于微软原版速查表翻译后的 https://github.com/skywind3000/awesome-cheatsheets/blob/cd8d0cebfe32c9263db8291a270bd33a162dc924/editors/keyboard-shortcuts-windows.pdf 修改而来。修改了一些翻译措辞,并对...

    Visual Studio Code 1.69.1 (code_1.69.1-1657615746_amd64.deb)

    ### Visual Studio Code 1.69.1 (code_1.69.1-1657615746_amd64.deb) #### 一、简介 Visual Studio Code(简称VS Code)是一款由微软开发并免费提供的源代码编辑器。它支持多种编程语言,并具备强大的调试功能,...

    Visual Studio Code MacOS 快捷键速查表中文版 PDF

    基于微软原版速查表翻译后的 https://github.com/skywind3000/awesome-cheatsheets/blob/cd8d0cebfe32c9263db8291a270bd33a162dc924/editors/keyboard-shortcuts-windows.pdf 的翻译文本重新制作 macOS 版本而来。...

    visual studio code 快捷键速查表 最全PDF 可打印中文版

    本文将详细介绍 Visual Studio Code 的常用快捷键,帮助用户更高效地进行编码工作。 #### 二、查询和替换以及文件管理 VS Code 提供了一系列用于查询和替换文本以及文件管理的强大工具。以下是一些关键的快捷键: ...

    Visual Studio Code32bit 免安装版

    《Visual Studio Code 32位免安装版详解与JavaScript开发环境构建》 Visual Studio Code(简称VS Code)是一款由微软开发的免费、开源的代码编辑器,它支持多种编程语言,包括JavaScript。对于32位系统的用户,VS ...

    Visual Studio Code 1.68.1 (VSCode-darwin.zip)

    《Visual Studio Code 1.68.1 for macOS:深入解析与使用指南》 Visual Studio Code(简称VSCode)是一款由Microsoft开发的免费、开源的代码编辑器,它以其强大的功能、高效的性能以及友好的用户界面深受全球开发者...

    VisualStudioCode的Java调试器

    《Visual Studio Code的Java调试器深度解析》 Visual Studio Code(VS Code)作为一款轻量级但功能强大的源代码编辑器,已经成为了许多开发者的选择,尤其是对于Java开发来说,其集成的Java调试器更是提升了开发...

    VIsual Studio Code基本配置及使用

    ### Visual Studio Code基本配置及使用 #### 一、设置默认语言为中文 在开始学习HTML与JavaScript之前,首先需要确保Visual Studio Code (简称VS Code) 的界面语言是中文的,这样能够帮助初学者更好地理解软件的...

    visual studio code 快捷键速查表(JPG中文版)

    官方英文版的快捷键速查表 直接翻译了快捷键说明,可以方便打印使用。上传JPG版本,可以直接打印

    Visual Studio Code 快捷键-中文PDF版

    以上是Visual Studio Code中的部分快捷键,掌握这些快捷键将大大提升编辑和开发效率。需要注意的是,快捷键可能会随着VS Code版本的更新而有所变化,建议定期查看VS Code的官方文档获取最新信息。

    Visual Studio Code基本编辑功能详细介绍.pdf

    Visual Studio Code基本编辑功能详细介绍

    viusal studio code全部快捷键

    这些快捷键仅仅是VS Code快捷键功能的一部分,但它们涵盖了编辑器的常用操作,有助于提高开发效率。开发者可以通过熟悉和运用这些快捷键,高效地进行代码的编写、调试和管理。此外,VS Code还支持自定义快捷键,用户...

    Visual Studio Code 快捷键大全(linux版)

    Visual Studio Code(简称VSCode)是一款开源的代码编辑器,其快捷键大全对于提高开发效率至关重要。这份快捷键大全主要针对Linux平台下的VSCode版本v1.19,涵盖了编辑器管理、基本编辑、多光标与选择、导航等多个...

Global site tag (gtag.js) - Google Analytics