0

0

VSCode如何自定义快捷键?提升编码效率

爱谁谁

爱谁谁

发布时间:2025-07-08 17:41:02

|

770人浏览过

|

来源于php中文网

原创

自定义vscode快捷键能显著提升效率。通过修改keybindings.json文件,可将常用操作绑定到顺手的按键组合。步骤包括:1. 打开键盘快捷方式设置并进入json编辑;2. 在keybindings.json中定义快捷键,指定key(按键组合)、command(命令id)和when(生效条件)属性;3. 使用常见按键名称及修饰键构建key,如ctrl+shift+p;4. 通过命令面板查找所需功能的command id;5. 利用when子句限定快捷键生效范围,如editortextfocus或特定语言环境;6. 保存文件后自动生效,并处理可能的冲突;7. 进阶技巧包括配置条件快捷键、结合multi-command扩展实现多命令绑定。此外,可通过调整settings.json与keybindings.json实现更复杂的快捷键逻辑,例如根据不同文件类型触发不同命令。

VSCode如何自定义快捷键?提升编码效率

想要效率翻倍?自定义VSCode快捷键绝对是秘诀之一。它能让你把常用的操作绑定到你最顺手的按键组合上,告别鼠标,解放双手!

VSCode如何自定义快捷键?提升编码效率

配置VSCode自定义快捷键,简单来说就是修改keybindings.json文件,定义你自己的键盘绑定规则。

解决方案

VSCode如何自定义快捷键?提升编码效率
  1. 打开快捷键设置:

    • 文件 -> 首选项 -> 键盘快捷方式 (或者直接按 Ctrl+K Ctrl+S)
    • 在键盘快捷方式界面,点击右上角的“打开键盘快捷方式(JSON)”图标。 这会打开 keybindings.json 文件。 如果文件不存在,VSCode会自动创建一个。
  2. 编辑 keybindings.json

    VSCode如何自定义快捷键?提升编码效率
    • keybindings.json 是一个JSON数组,每个元素代表一个快捷键绑定。

    • 一个典型的快捷键绑定包含三个主要属性:

      • key: 要绑定的按键组合,例如 "ctrl+shift+p"
      • command: 要执行的命令,例如 "workbench.action.showAllCommands" (显示所有命令)。
      • when: 可选属性,定义快捷键生效的上下文,例如 "editorTextFocus" (编辑器获得焦点时)。
    • 示例:

    [
        {
            "key": "ctrl+shift+l",
            "command": "editor.action.selectHighlights",
            "when": "editorTextFocus"
        },
        {
            "key": "ctrl+alt+f",
            "command": "editor.action.formatDocument",
            "when": "editorTextFocus"
        },
        {
            "key": "ctrl+shift+t",
            "command": "workbench.action.terminal.toggleTerminal"
        }
    ]
    • key 的格式:

      • 可以使用单个按键,例如 "a"
      • 可以使用组合键,例如 "ctrl+k ctrl+r" (先按 ctrl+k,然后按 ctrl+r)。
      • 可以使用修饰键 (Ctrl, Shift, Alt, Cmd/Win),例如 "ctrl+shift+p"
      • 可以使用多个修饰键,例如 "ctrl+shift+alt+a"
      • 常见的按键名称:ctrl, shift, alt, cmd (Mac), win (Windows), up, down, left, right, pageup, pagedown, home, end, enter, tab, escape, backspace, delete, insert, space, f1 - f12, num0 - num9, numpad0 - numpad9, numpadMultiply, numpadAdd, numpadSubtract, numpadDecimal, numpadDivide.
    • command 的查找:

      • 在键盘快捷方式界面搜索你想要的功能,可以看到对应的命令ID。
      • 例如,搜索 "格式化文档",可以看到对应的命令是 "editor.action.formatDocument"
    • when 的使用:

      • when 属性可以限制快捷键的生效范围。
      • 常用的 when 子句:
        • editorTextFocus: 编辑器获得焦点。
        • editorHasSelection: 编辑器中有选中内容。
        • editorLangId == 'python': 编辑器当前文件是 Python 文件。
        • terminalFocus: 终端获得焦点。
        • debugState == 'stopped': 调试器处于停止状态。
      • 可以使用 &&|| 组合多个 when 子句。
  3. 保存 keybindings.json

    • 保存文件后,VSCode会自动应用新的快捷键绑定。
  4. 冲突处理:

    • 如果你的自定义快捷键与VSCode默认的快捷键冲突,VSCode会在键盘快捷方式界面显示警告。
    • 你可以修改你的自定义快捷键,或者删除冲突的默认快捷键。 (注意:修改默认快捷键要谨慎,最好先备份)
  5. 进阶技巧:

    letterdrop
    letterdrop

    B2B内容营销自动化平台,从创意到产生潜在客户的内容的最佳实践和工具。

    下载
    • 条件快捷键: 可以根据不同的条件绑定不同的命令。 例如,在Python文件中使用 Ctrl+Shift+F 格式化代码,而在其他文件中使用不同的格式化工具
    • 多命令快捷键: 可以将多个命令绑定到一个快捷键。 例如,先保存文件,然后自动格式化代码。 (需要安装 multi-command 插件)

如何找到VSCode中所有可用的命令ID?

在VSCode中查找所有可用的命令ID,最直接的方法是使用命令面板。按下 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac),打开命令面板,输入 >,然后开始浏览或搜索你感兴趣的命令。每个命令旁边都会显示其对应的命令ID。 另外,也可以在键盘快捷方式设置中搜索命令,同样能看到命令ID。 此外,VS Code的官方文档和一些社区维护的资源也提供了命令ID的列表,但命令面板通常是最方便和实时的查找方式。

如何将多个命令绑定到一个快捷键?

要将多个命令绑定到一个快捷键,你需要安装一个名为 multi-command 的VS Code扩展。安装完成后,你需要在 settings.json 文件中配置 multi-command.commands 数组,定义一个包含多个命令的新命令。然后,在 keybindings.json 中,将你想要的快捷键绑定到这个新定义的 multi-command 命令。

示例:

  1. 安装 multi-command 扩展。

  2. 编辑 settings.json

    {
        "multi-command.commands": [
            {
                "command": "myCommand.saveAndFormat",
                "sequence": [
                    "workbench.action.files.save",
                    "editor.action.formatDocument"
                ]
            }
        ]
    }
    • myCommand.saveAndFormat 是你自定义的命令ID。
    • sequence 数组包含了要执行的命令序列。
  3. 编辑 keybindings.json

    [
        {
            "key": "ctrl+alt+s",
            "command": "multiCommand.execute",
            "args": {
                "command": "myCommand.saveAndFormat"
            },
            "when": "editorTextFocus"
        }
    ]
    • ctrl+alt+s 是你绑定的快捷键。
    • multiCommand.executemulti-command 扩展提供的命令。
    • args 对象指定了要执行的自定义命令ID。

这样,当你按下 Ctrl+Alt+S 时,VSCode会先保存当前文件,然后自动格式化代码。

如何根据文件类型设置不同的快捷键?

根据文件类型设置不同的快捷键,需要在 keybindings.json 文件中使用 when 子句,结合 editorLangId 变量。 editorLangId 表示当前编辑器的语言ID,例如 'python''javascript''markdown' 等。

示例:

[
    {
        "key": "ctrl+shift+f",
        "command": "editor.action.formatDocument",
        "when": "editorTextFocus && editorLangId == 'python'"
    },
    {
        "key": "ctrl+shift+f",
        "command": "esbenp.prettier-vscode", // Prettier 扩展的命令ID
        "when": "editorTextFocus && editorLangId == 'javascript'"
    }
]

在这个例子中,当编辑Python文件时,按下 Ctrl+Shift+F 会执行 editor.action.formatDocument 命令,使用VSCode内置的格式化工具。 而当编辑JavaScript文件时,按下 Ctrl+Shift+F 会执行 esbenp.prettier-vscode 命令,使用 Prettier 扩展进行格式化。 你需要根据你安装的扩展和具体的命令ID进行调整。

要确定特定文件类型的 editorLangId,可以在VS Code中打开该文件,然后打开命令面板 ( Ctrl+Shift+PCmd+Shift+P ),输入 "Change Language Mode",选择 "配置语言模式",VS Code会在状态栏显示当前的语言ID。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

454

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

331

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

数据库Delete用法
数据库Delete用法

数据库Delete用法:1、删除单条记录;2、删除多条记录;3、删除所有记录;4、删除特定条件的记录。更多关于数据库Delete的内容,大家可以访问下面的文章。

287

2023.11.13

drop和delete的区别
drop和delete的区别

drop和delete的区别:1、功能与用途;2、操作对象;3、可逆性;4、空间释放;5、执行速度与效率;6、与其他命令的交互;7、影响的持久性;8、语法和执行;9、触发器与约束;10、事务处理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

222

2023.12.29

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1452

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1167

2023.07.27

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

59

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
微信小程序开发之API篇
微信小程序开发之API篇

共15课时 | 1.3万人学习

PHP-MVC与设计模式
PHP-MVC与设计模式

共10课时 | 0.9万人学习

黑马程序员bootstrap视频教程
黑马程序员bootstrap视频教程

共23课时 | 6.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号