Skip to content

WaaSakura/vscode-background-cover

 
 

Repository files navigation

logo
VS Code - Background Cover

让你喜欢的图片或视频铺满 VS Code,支持粒子动画、热更新、视频背景、自动轮播等丰富特性
stars

🚀 3.1.0 主要更新

  1. 🎉 支持视频文件做为背景:不仅可以设置图片,还能直接用本地/网络视频作为 VS Code 背景。
  2. ✨ 增加刷新功能:一键刷新背景,快速应用最新设置。
  3. 🌐 左侧面板已成为默认菜单,配置更直观。
  4. ⚠️ 本次更新涉及底层变动,需重新获取权限(Hook)并重启一次 VS Code。

🌟 功能特性

  • 图片/视频背景:支持本地图片、网络图片、本地视频、在线视频。
  • 热更新:切换背景即刻生效,无需重启 VS Code。
  • 自动轮播:多张图片/视频可定时自动切换。
  • 粒子动画:集成鼠标跟随粒子特效,酷炫体验。
  • 可视化配置:左侧面板一键设置,支持中英双语。
  • 透明度/模糊/填充模式:自定义背景透明度、模糊度、填充方式。
  • 高级解析:支持 JSON API、静态 HTML、图库帖子等多种图片源。
  • 在线图库:内置社区壁纸浏览、上传与一键应用。
  • 跨平台支持:兼容 Windows、MacOS、Linux 及 Code-Server。
  • 自动权限处理:Windows 下自动获取写入权限,无需手动操作。

⚠️ 注意事项

本插件通过修改 VS Code 内部文件实现效果。

  1. 首次使用/升级 3.1.0:需重新获取权限(Hook),并重启一次 VS Code。
  2. 初次安装/更新:如遇“安装损坏”提示,请点击【不再提示】。
  3. 背景重叠/异常:升级后如遇背景重叠,请重启 VS Code。
  4. 还原方法:如 VS Code 无法打开,请手动还原:
    • 路径:Microsoft VS Code\resources\app\out\vs\workbench\
    • workbench.desktop.main.js.bak 重命名为 workbench.desktop.main.js

🖼️ 效果展示

在线图库/更多壁纸

⚙️ 配置方式

推荐:点击左侧活动栏的 Background Cover 图标,打开可视化配置面板,所有设置一目了然。

  • 图片/视频源:支持本地文件、文件夹、网络链接。
  • 外观:调整透明度、模糊度、填充模式。
  • 动画:配置粒子特效、自动轮播。

也可通过命令面板 Ctrl + Shift + P -> backgroundCover - start 进入设置

📝 快捷键与使用

  • 切换背景:点击底部状态栏按钮
  • 打开/配置Ctrl + Shift + P -> backgroundCover - start
  • 重新应用:VS Code 更新后如背景消失,请重新设置

首次升级 3.1.0 必须重新授权并重启 VS Code 才能生效!

🗑️ 卸载说明

  1. 禁用/卸载插件
  2. 重启 VS Code
  3. 插件会自动清理残留背景

❓ 常见问题

Q: 安装后无反应? A: 请确保有管理员权限(右键 VS Code 图标 -> 以管理员身份运行)。

Q: Mac 如何授权? A: 插件会自动请求密码,或手动 sudo chown 相关文件。


📝 更新日志

完整日志

v3.1.0 (2025/12/25)

  1. 🎉 支持视频文件做为背景
  2. ✨ 增加刷新功能
  3. 🌐 左侧面板已做为默认菜单
  4. ⚠️ 需重新获取权限并重启 VS Code

致谢

贡献者

默认展示所有贡献者,如需移除请提交 PR。 AShujiao yjhmelody shalldie HOT3 rogeraabbccdd kuresaru lauset wuqirui WaaSakura

相关信息

赞助作者

如果插件对你有帮助,欢迎请作者喝杯咖啡~

lauset

📄 许可证

本项目采用 MIT 许可证 进行许可。

About

vscode扩展,添加一张你喜欢的图片铺满整个vscode ..

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 100.0%