在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中进行面板前后切换了。

相关推荐
猫耳球团24 分钟前
IDEA与Cursor跨平台协作指南
java·ide·intellij-idea
云淡风轻__2 小时前
在 VSCode 中配置 LaTeX 环境的保姆级教程
ide·vscode·编辑器
独隅2 小时前
PyCharm 开启硬换行的方法
ide·python·pycharm
jian110585 小时前
Android studio gradle和插件的版本设置
android·ide·android studio
Thomas21436 小时前
chrome cdp 三种方案对比
前端·chrome
别叫我->学废了->lol在线等6 小时前
claudecode的agent定义
前端·chrome·github
水云桐程序员7 小时前
一个GCC编译C语言命令的执行过程和错误输出:目录不存在:当前目录下没有output子目录|C语言编译的解决办法|Visual Studio Code
c语言·开发语言·vscode
你的牧游哥7 小时前
Cursor IDE Rules / Skills / Subagents 前端项目配置全指南
前端·ide
jian110588 小时前
Android studio会自动下载高版本的tools
android·ide·android studio
Zender Han8 小时前
VS Code 开发 Flutter 常用快捷键和插件工具详解
android·vscode·flutter·ios