VSCode---background插件

1、以管理员身份运行VS Code,搜索安装background插件
在这里插入图片描述
2、打开设置,选择扩展中的plugin background,选择在setting.json中编辑
在这里插入图片描述
3、在setting.json中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改

// background相关配置 Start
  "background.useDefault": false,
  "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "bottom": "0px",
    "right": "15px",
    "z-index": "99999",
    "width": "150px",
    "height": "213px",
    "background-position": "0% 0%",
    "background-size": "cover",
    "background-repeat": "no-repeat",
    "opacity": 0.3
  },
  "background.customImages": [
    "file:///D:/VSCodeBackground/ram1.png",
    "file:///D:/VSCodeBackground/ram2.png",
    // "file:///D:/VSCodeBackground/ram3.jpg",
  ]
  // background相关配置 End

注意:
1、安装该插件会令VS Code发出警告,选择不再显示即可

2、必须以管理员身份运行才能修改

3、最好使用透明背景的图片

4、每次vscode更新都会不显示图片,只要以管理员身份重启即可

效果如下:
在这里插入图片描述
本文参考:https://blog.csdn.net/yukinoai/article/details/84564949

使用的背景图片:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 4
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
### 回答1: VSCode Background插件可以让你在VSCode编辑器中设置自定义背景图片或颜色。使用该插件,你可以轻松地将你喜欢的图片或颜色设置为编辑器的背景,从而让你的编辑器更加个性化和舒适。 安装该插件后,你可以在VSCode的设置中找到Background选项,然后选择你想要的背景图片或颜色。你还可以设置背景图片的透明度和模糊度等参数,以满足你的个性化需求。 总之,VSCode Background插件是一个非常实用的插件,可以让你的编辑器更加个性化和舒适。如果你想要让你的VSCode编辑器变得与众不同,那么这个插件绝对值得一试。 ### 回答2: VS Code 是一款可高度定制的轻量级代码编辑器,在这款编辑器中,背景是一个非常重要的组成部分。无论是为了让代码界面更加鲜明或者有趣,对于代码工作者来说背景都是一个非常重要的创造工具。VS Code 提供了许多扩展程序来增强其功能,其中一个非常流行的扩展是 “background插件。这个插件可以为代码工作者提供多种多样的个性化背景,以保持代码框架看起来新鲜和有趣。 使用 “background插件首先需要安装与启用该插件。 安装方法可以参考以下步骤: 1. 打开 VS Code 软件并点击左侧的扩展商店图标。 2. 在搜索栏中输入 “background” 并在搜索结果列表中选择 “Background插件。 3. 点击安装按钮即可安装。 安装后就可以选择要使用的背景了。选择背景的方法如下: 1. 打开 VS Code 软件并点击左侧的菜单栏。 2. 点击 “文件 > 首选项 > 设置” (快捷键:Ctrl + ,) 3. 在设置对话框中搜索 “background”,然后点击 “编辑 settings.json” 按钮打开该文件。如果没有找到该文件,则需要先手动创建。 4. 在打开的 json 文件中,可以添加或编辑以下配置项: * `"background.enabled"` : 值为 true 或 false,该值确定是否启用背景。 * `"background.useDefault"` : 值为 true 或 false,该值确定是否使用默认的背景。 * `"background.customImages"` : 该配置项允许您添加自己的自定义背景。需要指定一个数组,该数组包括每个自定义背景的 URL。例如: ``` "background.customImages": [ "https://example.com/bg-1.jpg", "https://example.com/bg-2.jpg" ], ``` * `"background.random"` : 值为 true 或 false,该值确定是否随机选择自定义背景。 以上就是使用 “background插件的基本方法和配置项,用户可以通过自定义背景来增加代码框架的个性化设置,使其更加美观和有趣。 另外需要注意的是,如果您的配置项有错误, VS Code 将会给予警告信息,在使用之前应该仔细检查配置项以免产生错误。 ### 回答3: VSCode是一个很强大的代码编辑器,其中有许多插件可以帮助我们更好地完成我们的编程工作。其中一个插件就是VSCode Background插件,它能够让我们在VSCode编辑的时候添加自定义的背景图片或视频。 首先,在VSCode中打开Extensions面板,在搜索框中输入"background",找到并安装"Background"插件。 安装完成后,在VSCode的Settings中找到"Background"选项,可以看到该插件提供了三个选项: 1、Enable custom background image:启用自定义背景图片功能。 2、Custom background image:自定义的背景图片路径。 3、Custom background image opacity:自定义背景图片的透明度。 首先,启用自定义背景图片功能。然后,选择自定义的背景图片路径,你可以在本地计算机或者网络上选择图片。最后,你可以通过更改透明度来调整背景图片的明度。 如果你不想使用单一的背景图片,你还可以使用视频作为背景。首先,创建一个文件夹并将你的视频文件放在里面。然后,在VSCode的Settings中找到"Background"选项,启用Custom background image选项,并将视频文件夹路径拖动到Custom background image输入框中。最后,你可以通过更改透明度来调整背景视频的明度。 通过使用背景图片或者视频,你可以把你的编辑环境变得更加有趣、时尚、或者更加个性化。无论你是想提高编程的效率,还是只是想让你的编辑环境变得更加有趣,VSCode Background插件都是一个不错的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值