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

相关推荐
bryant_meng4 小时前
【VSCode】Visual Studio Code
ide·vscode·编辑器·ssh·debug
青草地溪水旁4 小时前
VSCode C/C++ 构建任务配置文件 `tasks.json` 全字段深度解析
c语言·c++·vscode
偷光6 小时前
浏览器中的隐藏IDE: Elements (元素) 面板
开发语言·前端·ide·php
10岁的博客9 小时前
PyCharm一键安装SciPy全攻略
ide·pycharm·scipy
小何好运暴富开心幸福16 小时前
C++之再谈类与对象
开发语言·c++·vscode
依旧很淡定17 小时前
Selenium(Python)创建Chrome浏览器实例
chrome·python·selenium
wulaladamowang18 小时前
日常踩雷系列-vscode无法输入中文
ide·vscode·编辑器
佛系彭哥1 天前
Win11下VSCode与MSYS2配置全攻略
c++·vscode·wxwidgets·msys2
她说..1 天前
通过git拉取前端项目
java·前端·git·vscode·拉取代码
智能化咨询1 天前
玩转ClaudeCode:通过Chrome DevTools MCP实现高级调试与反反爬策略
前端·chrome·chrome devtools