如何隐藏/禁用VSCode标题栏左上角的Logo标识?

隐藏VSCode标题栏左上角Logo的可行操作方法
目前有3种稳定可复现的实现方案,覆盖全系统场景:
方案1:自定义CSS注入(全系统通用,适配自定义标题栏)
- 在插件市场安装
Custom CSS and JS Loader插件 - 打开VSCode用户配置文件
settings.json,添加配置指向你本地存放的自定义CSS文件:
"vscode_custom_css.imports": [ "file:///C:/vscode-custom/hide-logo.css" ]注意路径要替换成你自己本地的CSS文件实际绝对路径,Windows路径盘符前要加三个斜杠,macOS/Linux路径格式为
file:///Users/xxx/vscode-custom/hide-logo.css
3. 在刚才创建的hide-logo.css中写入以下样式代码:.part.titlebar > .window-appicon { display: none !important; }- 按下快捷键
Ctrl+Shift+P(macOS替换为Cmd+Shift+P)调出命令面板,执行Reload Custom CSS and JS命令,重启VSCode后Logo就会消失。
提示:该方案修改了VSCode内置界面资源,启动时可能弹出「安装似乎损坏」的提示,点击提示栏的齿轮选择「不再提示」即可,不影响任何功能使用。
- 在插件市场安装
方案2:切换原生标题栏(无修改风险,全系统通用)
- 打开VSCode设置页,搜索配置项
Window: Title Bar Style - 将选项从默认的
custom(自定义标题栏)切换为native(系统原生标题栏) - 重启VSCode后,自定义标题栏自带的左上角Logo会直接消失,Windows系统下原生标题栏的小图标如果也想隐藏,可以搭配Windhawk等系统窗口自定义工具实现,不会触发VSCode的文件修改校验。
- 打开VSCode设置页,搜索配置项
方案3:本地文件修改(Windows/Linux专属,不需要装插件)
- 找到VSCode安装目录下的
product.json文件,默认路径:- Windows:
C:\Users\你的用户名\AppData\Local\Programs\Microsoft VS Code\resources\app\product.json - Linux:
/usr/share/code/resources/app/product.json
- Windows:
- 可直接在配置中追加
"titleBarStyle": "native"配置配合系统隐藏图标,也可以直接替换安装目录下对应窗口图标资源为透明图片,实现无插件隐藏效果。
- 找到VSCode安装目录下的
内容的提问来源于stack exchange,提问作者Kenji
相关产品推荐
相关产品推荐

