Visual Studio Code能否为当前聚焦的UI区域显示明显轮廓？

不需要额外安装插件，原生配置即可实现全UI区域的清晰焦点标识，默认焦点标识不明显是因为自带边框对比度极低、部分第三方主题还会覆盖默认样式，按下面步骤配置即可：

第一步：确认原生焦点边框开关开启 #

• 打开设置面板，搜索keyboard.navigation.focusBorder，勾选启用该选项（部分精简类第三方主题会默认关闭这个配置项）

第二步：自定义高对比度焦点样式 #

1. 按下快捷键Cmd+Shift+P（Mac）/Ctrl+Shift+P（Windows/Linux）调出命令面板，输入Preferences: Open Settings (JSON)回车，打开用户配置文件。
2. 在配置对象中加入如下颜色自定义项，色值可以替换成和你当前使用主题反差最大的醒目颜色：

"workbench.colorCustomizations": {
  // 全局通用焦点边框
  "focusBorder": "#00ccff",
  // 侧边栏列表项聚焦时的半透明背景+轮廓
  "list.focusBackground": "#00ccff30",
  "list.focusOutline": "#00ccff",
  // 终端区域聚焦高亮
  "terminal.focusBorder": "#00ccff",
  // 编辑器分栏、面板分割线聚焦高亮
  "sash.hoverBorder": "#00ccff",
  // 活动栏、编辑器标签聚焦高亮
  "activityBar.activeBorder": "#00ccff",
  "tab.activeBorder": "#00ccff",
  // 输入框、选项按钮聚焦边框
  "inputOption.activeBorder": "#00ccff",
  "focusedElement.border": "#00ccff"
}

3. 保存配置后立即生效，侧边栏、终端、输入框、按钮、列表项所有可聚焦元素获得焦点时，都会显示你设置的醒目轮廓，不会再出现焦点位置无标识的问题。

辅助快速跳转的快捷键 #

如果切回VSCode后不想肉眼确认焦点位置，可以直接按快捷键定向跳转：

• Cmd+1（Mac）/Ctrl+1（Windows/Linux）：直接将焦点切到当前激活的编辑器区域，配合Vim插件按两次Esc就能直接进入Normal模式操作
• Ctrl+`：直接将焦点切到内置终端
• Cmd+Shift+E：直接将焦点切到资源管理器侧边栏
• Cmd+Shift+P：直接调出命令面板，所有操作都可以从这里检索执行

注：上述颜色配置优先级高于主题配置，不管用什么第三方主题都不会被覆盖，不需要修改主题源文件。

内容的提问来源于stack exchange，提问作者dmastylo