beautify-console:VS Code 可视化美化面板

beautify-console 是一个 VS Code 可视化美化面板,把平时要手改 settings.json、或散在各个扩展里的外观配置集中到一个图形界面,点选即改。字体、布局、编辑器、动画、圆角、主题,再加上多区域背景图,都在一处调。

能调什么

字体会自动扫描系统装了哪些编程字体,勾选即用,字号、行高、字重、连字都在旁边。编辑器把光标平滑、平滑滚动、括号染色、缩进线、粘性滚动、缩略图这些散落的选项收拢到一处。动画分 5 档(默认、平滑、弹跳、华丽、关闭),底层是一组调过的 spring 缓动曲线,不是随手填的数。圆角用一个滑块统一管理所有 UI。

背景图花心思最多,VS Code 官方本来不支持。这里拆成编辑器、侧栏、面板、全屏四个区域,每块单独设图;深色主题用 mix-blend-mode: screen 混合,让图不糊代码,还支持多张定时轮播带淡入。设进去的图会自动复制到用户目录,原图删掉也不影响。配置整套能导入导出,调好一套可以分享或换机器时导回。

说点坑

这类美化本质是往 VS Code 核心文件注入 CSS,属于非官方手段。beautify-console 不自己动核心文件,而是借 Custom UI Style 做注入层,安装时会自动提示装它;背景选择器参考了 shalldie/vscode-background 的思路。

代价有两个:启动可能弹「安装似乎已损坏」黄条,点「不再显示」即可;VS Code 更新后注入样式会被官方文件覆盖失效,跑一次 Custom UI Style: Reload 重新注入就能恢复。这条路绕不开,用之前心里有数。

安装从 Releases 下载 .vsix,或 clone 后运行 install.ps1。装完 Ctrl+Shift+P 输入「美化: 打开控制台」打开。仓库在 https://github.com/dwgx/beautify-console,随意取用修改。