如何隐藏Visual Studio Code中点击组件时出现的蓝色边框

你看到的蓝色边框是VSCode默认的聚焦指示边框，作用是帮助使用键盘导航的用户定位当前选中的交互元素，可通过以下操作隐藏：

• 打开设置界面：Windows/Linux按下快捷键Ctrl+,，macOS按下Cmd+,，也可以点击左下角齿轮图标选择「设置」进入
• 在设置顶部的搜索栏输入focus border，找到窗口：启用聚焦边框（Window: Enable Focus Border）选项，取消勾选即可立即生效

如果你习惯直接修改settings.json配置，添加一行配置即可：

"window.enableFocusBorder": false

如果不需要完全关闭聚焦边框，只是想调整它的显示效果，也可以自定义边框颜色，例如设置为完全透明也能实现隐藏效果，在settings.json中添加如下配置：

"workbench.colorCustomizations": {
    "focusBorder": "#00000000"
}

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