VSCode更换背景图片

  1. 打开VS Code软件
  2. 打开工具栏,点击插件图标
    在这里插入图片描述
  3. 搜索框中输入background,选择第一个直接安装
  4. 打开设置
    在这里插入图片描述
  5. 点击打开settings.json文件
    在这里插入图片描述
  6. 输入下面代码
    在这里插入图片描述
    代码示例:
"background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        "file:///E:/beauty/(51).jpg"//图片地址
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "100%,100%",
        "opacity": 0.1
    },
    "explorer.confirmDelete": false,
    "editor.fontSize": 15,
    "[vue]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[javascript]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
  1. 背景图片更换成功,能根据窗口大小自动伸缩
    在这里插入图片描述
VSCode更换背景颜色有以下几种方法: - 通过更改主题颜色:选择 `File -> Preferences -> Settings`,然后找到 `Workbench -> Appearance -> Color Theme`,选择喜欢的颜色。不过选择后左边一栏可能还是显示黑色,这时需要修改 `settings.json` 文件,添加如下配置: ```json "workbench.colorCustomizations": { "[Default Light+]": { "activityBar.activeBackground": "#4ef738", // 打开菜单的颜色 "activityBar.background": "#f78484", // 背景色 "activityBar.foreground": "#000000", // 前景色(图标) // "statusBar.background": "#000", // "statusBarItem.remoteBackground": "#000" } } ``` - 自定义编辑器背景色:在VSCode左下角找到设置按钮,选择设置,按照如下顺序找到 `settings.json` 文件。查看配置文件中是否有 `workbench.colorCustomizations` 配置项,如果没有,可以按照下面格式添加代码: ```json "workbench.colorCustomizations": { "editor.background": "#F00" } ``` 如果有该配置项,只需更改 `editor.background` 的十六进制颜色值,保存即生效。若想定义侧边栏等的颜色,可参考以下设置项,都放在 `workbench.colorCustomizations` 配置对象中: ```json "workbench.colorCustomizations": { "editorWidget.background": "#252535", // 弹出窗口背景(如自动补全) "sideBar.background": "#1A1A28", // 侧边栏背景 "activityBar.background": "#1A1A28", // 活动栏背景 "statusBar.background": "#2D2D3A" // 状态栏背景 } ``` - 使用插件更换背景:先安装VSCode(官网地址:Visual Studio Code - Code Editing. Redefined),打开VSCode后,找到扩展,搜索 `background-cover`,安装该插件 [^3]。
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值