Background Pro

现代、强大的 VS Code 背景自定义插件

功能特性

多区域背景 — 编辑器、侧边栏、面板、辅助栏、全屏
图片效果 — 透明度、模糊、亮度、对比度、饱和度
高级滤镜 — 灰度、复古、色相旋转、反色
自动轮换 — 按时间间隔自动更换背景
深色/浅色主题 — 自动检测主题切换
现代 UI — 简洁的状态栏集成
便捷配置 — 完整的设置界面支持

安装

从市场安装

在 VS Code 扩展市场搜索 Background Pro，点击安装。

手动安装

pnpm install
pnpm run build
pnpm run package

然后在 VS Code 中安装生成的 .vsix 文件。

快速开始

安装扩展
打开 VS Code 设置，搜索 "Background Pro"
在 backgroundPro.images.editor 中添加图片 URL
背景立即生效

配置

{
    "backgroundPro.enabled": true,
    "backgroundPro.global": {
        "opacity": 0.15,
        "blur": 0,
        "brightness": 100,
        "contrast": 100,
        "saturate": 100
    },
    "backgroundPro.images": {
        "editor": [
            "https://example.com/image1.jpg",
            {
                "url": "https://example.com/image2.jpg",
                "opacity": 0.2,
                "size": "cover"
            }
        ],
        "sidebar": [],
        "panel": [],
        "auxiliarybar": [],
        "fullscreen": []
    },
    "backgroundPro.behavior": {
        "shuffle": true,
        "shuffleInterval": 60,
        "shuffleOnStart": true,
        "fitMode": "cover"
    },
    "backgroundPro.effects": {
        "grayscale": 0,
        "sepia": 0,
        "hueRotate": 0,
        "invert": 0
    }
}

详细配置说明请查看文档。

命令

命令	描述
`Background Pro: Enable`	启用背景扩展
`Background Pro: Disable`	禁用背景扩展
`Background Pro: Open Settings`	打开扩展设置
`Background Pro: Random Background`	随机切换背景
`Background Pro: Restore Defaults`	恢复默认设置

开发

# 克隆项目
git clone https://github.com/firework-a/vscode-background-pro.git
cd vscode-background-pro

# 安装依赖
pnpm install

# 启动开发
pnpm run watch

# 构建
pnpm run build

# 打包
pnpm run package

文档

项目概述 — 功能介绍、配置详解、常见问题
开发指南 — 项目结构、核心模块、开发流程
贡献指南 — 如何报告问题、提交代码
更新日志 — 版本更新记录
功能对比 — 与 vscode-background 的对比

许可证

MIT