在vscode实现用和Chrome开发者工具中相同的快捷键进行面板切换

在Chrome开发者工具中,我们可以用 Ctrl + [ 和 Ctrl + ] 快捷键来切换面板,用起来很方便。

vscode中默认没有这两个快捷键,我们可以通过配置自定义快捷键来实现相同的功能。

配置方法:

  1. 按 Ctrl + K, Ctrl + S 调出快捷键配置面板。

  2. 然后搜索 "next panel",找到 "View: Next Panel View",双击。出现输入框后,同时按下 Ctrl 键和 ] 键。然后回车。

  3. 按 Ctrl + K, Ctrl + E 编辑条件。在条件输入框中输入 activePanel

这样切换到下一个面板的快捷键就配置好了。

用同样的方法可以配置切换到前一个面板的快捷键。把 ] 键换成 [ 键就可以。

这样我们就可以用这两个快捷键在vscode中进行面板前后切换了。

相关推荐
wind瑞16 分钟前
IntelliJ IDEA插件开发-代码补全插件入门开发
java·ide·intellij-idea
阿乾之铭1 小时前
IDEA中创建多模块项目步骤
java·ide·intellij-idea
Amo Xiang10 小时前
2024最新版JavaScript逆向爬虫教程-------基础篇之Chrome开发者工具学习
javascript·chrome·爬虫·js逆向
Dreams°12314 小时前
【ECMAScript标准规范】
前端·vscode·前端框架·ecmascript
Byyyi耀20 小时前
Jupyter notebook如何加载torch环境
ide·python·jupyter
----云烟----21 小时前
Eclipse下载与安装
java·ide·eclipse
哟哟耶耶1 天前
vscode-相关自用插件(倒计时,时间显示,编码对齐,css等编码颜色,简体中文,git提交相关,vue项目)
ide·vscode·编辑器
羊小猪~~1 天前
前端入门一之ES6--面向对象、够着函数和原型、继承、ES5新增方法、函数进阶、严格模式、高阶函数、闭包
开发语言·前端·javascript·css·vscode·html·es6
Byyyi耀1 天前
更改 Jupyter Notebook 中文件的存放位置
ide·python·jupyter