VsCode美化 - VsCode自定义 - VsCode自定义背景图

news2024/10/6 16:30:22

VsCode美化 - VsCode自定义 - VsCode自定义背景图:添加二次元老婆图到VsCode

前言

作为一个二刺螈,VsCode用久了,总觉得少了些什么。是啊,高效的代码生产工具中怎么能没有老婆呢?

那就安装一个VsCode插件把老婆添加到VsCode中吧!

How

安装

方法一

直接在VsCode的插件中搜索background(或者Ctrl + P -> ext install background -> Enter),点击第一个安装即可。

background-extention

方法二

打开该插件的marketplace,点击Install即可。

install2

配置

安装完毕后,重启VsCode就可以看到右下角的二次元图了。

什么,不喜欢?想换图?

打开左下角设置:

settings

搜索background,点击拓展,点击background,就可以开始配置了。

可以直接修改settings.json来配置(其实该settings.json的路径为%userprofile%/AppData/Roaming/Code/User/settings.json):

settings.json1

在最外层大括号内添加如下代码即可将图片添加至右下角:

settings-code

"background.enabled": true,
"background.customImages": [
    "file:///F:/Pic/八重神子-背-小.png"
],
"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "z-index": "99999",
    "width": "100%",
    "height": "100%",
    "background-position": "100% 100%",
    "background-repeat": "no-repeat",
    "opacity": 0.2
}

其中background.customImages是图片,background.style是图片样式。图片样式中的opacity是图片透明度。

如果使用多个图片,且每个图片使用不同的配置,则可以:

"background.enabled": true,
"background.customImages": [
    "图片1",
    "图片2"
],
"background.styles": [
    {配置1},
    {配置2}
]

注意,上述配置中是styles而不是style,其中配置1配置2与第一个json配置中background.style相同。

Test

效果

效果

文件分享

我所使用的图:AliyunDrive

啊咧,现在阿里云盘“备份盘”中的文件不能分享了,只有“资源库”中的文件才能分享。What?!(2023.8.10)

更新

VsCode更新后第一次启动,老婆会不显示。但是不用怕,什么都不需要做,重启一下VsCode就可以了。(Ctrl + Shift + P -> Reload Window -> Enter

不爽

不爽之处:每次启动后,VsCode右下角总会提示“Code 安装似乎损坏,请重新安装”。

不爽

不过想要屏蔽的话也很简单,点击小齿轮,点击不再显示就好了。

屏蔽

End

中文文档:github.com/shalldie/vscode-background/blob/HEAD/README.zh-CN.md

原创不易,转载请附上原文链接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/132215972

The End, thanks!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/859823.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Spring专题】Spring之Bean的生命周期源码解析——上(扫描生成BeanDefinition)

目录 前言阅读指引阅读建议 课程内容一、生成BeanDefinition1.1 简单回顾1.2 概念回顾1.3 核心方法讲解 二、方法讲解2.1 ClassPathBeanDefinitionScanner#scan2.2 ClassPathBeanDefinitionScanner#doScan2.3 ClassPathScanningCandidateComponentProvider#findCandidateCompon…

jumpserver命令记录膨胀问题

一.背景 jumpserver堡垒机针对只是接管ssh来说,正常操作Linux的指令记录应该不会太多,每天有个几千条都已经算很多了。所以默认jumpserver采用MySQL作为存储介质本身也没啥问题。但是我们使用jumpserver对【MySQL应用】进行了托管,导致查询SQ…

【Linux命令详解 | find命令】 find命令用于在指定目录下搜索文件和目录,可以按照多种条件进行搜索

文章目录 简介参数列表使用介绍1. 基本搜索2. 按类型搜索3. 根据文件大小搜索4. 结合-exec执行命令5. 使用多个条件 结论 简介 find命令是一款功能强大的工具,用于在指定目录下搜索文件和目录。它支持多种条件,让你可以根据不同的需求精确地定位文件和目…

System Verilog-packed array以及unpacked array

如下声明: logic [7:0] data [255:0]维度在标识符前面的部分称为packed array,在标识符后面的部分称为unpacked array,一维的pakced array也称为vector。 packed array packed array只能由单bit数据类型(bit,logic,reg&#xf…

javascript之webAPIs(1)

文章和代码已经归档至【Github仓库:https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 javascript 也可获取。 文章目录 介绍概念DOM 树DOM 节点Document 获取 DOM 对象 介绍 严格意义上讲,我们在 JavaScript 阶段学习的…

解读spring中@Value 如何将配置转自定义的bean

实现方式 着急寻求解决方式的猿友先看这块 定义配置转化类 public class UserConverter implements Converter<String, List<User>> {Overridepublic List<User> convert(String config) {if (StringUtils.isEmpty(config)) {return Collections.emptyLis…

C++将函数声明放在头文件中的示例

C将函数声明放在头文件中的示例 C函数原型声明&#xff08;函数声明&#xff09;的位置可以有以下几种选择&#xff1a; 1.函数声明放在同一源文件中&#xff1a;这种情况通常适用较小的项目中&#xff0c;通常可以将函数的声明和定义放在同一个源文件中。先声明函数原型&…

教你如何将3D模型导入到可视化大屏系统中,并实现可交互效果

首先我们需要准备一款数字孪生软件&#xff0c;本文中使用的是山海鲸可视化&#xff0c;这是一款免费的零代码数字孪生大屏开发平台软件。 下载完成后打开山海鲸可视化&#xff0c;点击新建来创建一个大屏项目。 我们可以根据自己的需要来创建各种场景的项目或是套用模板项目&a…

React源码解析18(4)------ completeWork的工作流程【mount】

摘要 经过上一章&#xff0c;我们得到的FilberNode已经具有了child和return属性。一颗Filber树的结构已经展现出来了。 那我们最终是想在页面渲染真实的DOM。所以我们现在要在completeWork里&#xff0c;构建出一颗离屏的DOM树。 之前在说FilberNode的属性时&#xff0c;我们…

CAD文件打开错误中断怎么办?CAD文件打开错误中断的解决方法

CAD是一款计算机辅助设计软件&#xff0c;主要用于二维绘图、详细绘制、设计文档和基本三维设计&#xff0c;CAD已经是一款国内国外广为流行的绘图工具了&#xff0c;在土木建筑、装饰装潢、城市规划、园林设计、电子电路、机械设计、服装鞋帽、航空航天、轻工化工等行业应用非…

【UE4 RTS】08-Setting up Game Clock

前言 本篇实现的效果是在游戏运行后能够记录当前的游戏时间&#xff08;年月日时分秒&#xff09;&#xff0c;并且可以通过修改变量从而改变游戏时间进行的快慢。 效果 步骤 1. 在Blueprints文件夹中新建如下两个文件夹&#xff0c;分别命名为“GameSettings”、“Player”…

【docker】设置 docker 国内镜像报错,解决方案

一、报错&#xff1a; [rootlocalhost ~]# systemctl restart docker Job for docker.service failed because the control process exited with error code. See "systemctl status docker.service" and "journalctl -xe" for details.二、原因&#xf…

Excel---成绩相同者,名次并列排列,三步搞定

需求&#xff1a;一张成绩表&#xff0c;共341行(340条数据&#xff0c;第一条为标题)&#xff0c;根据成绩进行排序&#xff0c;成绩相同进行名次并列 一、选择生成结果的位置&#xff0c;我这里点击了一下E2单元格 二、公式—>插入–>rank函数 数值&#xff1a;D2 表示…

IDEA新建类时自动设置类注释信息,署名和日期

IDEA设置路径 File --> Settings --> Editor --> File and Code Templates --> Include --> File Header 官方模板 这里 ${USER} 会读取计算机的用户名 ${DATE}是日期 ${TIME}是时间 /*** Author ${USER}* Date ${DATE} ${TIME}* Version 1.0*/

成都优优聚拥有丰富美团代运营经验!

成都优优聚美团代运营是一家专业的电商运营服务机构&#xff0c;致力于帮助商家提升线上业绩&#xff0c;增加销售额。他们以优良的售后服务和卓越的业绩&#xff0c;赢得了众多商家的认可和信赖。 与成都优优聚美团代运营合作的好处是多方面的。首先&#xff0c;他们拥有一支经…

java spring cloud 企业工程管理系统源码+二次开发+定制化服务 em

Java版工程项目管理系统 Spring CloudSpring BootMybatisVueElementUI前后端分离 功能清单如下&#xff1a; 首页 工作台&#xff1a;待办工作、消息通知、预警信息&#xff0c;点击可进入相应的列表 项目进度图表&#xff1a;选择&#xff08;总体或单个&#xff09;项目显…

兰州https证书申请

https证书是由CA认证机构颁发的数字证书&#xff0c;可以为域名网站或者公网IP网站提供信息加密服务&#xff0c;正规CA认证机构签发的https证书可以兼容99%的主流浏览器和IOS、Windows系统&#xff0c;同样&#xff0c;现在流行的小程序也需要https证书。那么&#xff0c;该怎…

又一重磅数据将要来袭,今晚聚焦CPI

KlipC报道&#xff1a;北京时间周四20&#xff1a;30公布的美国7月消费者价格指数(CPI)报告。 KlipC的合伙人Andi D表示&#xff1a;“市场正在密切关注美国CPI数据&#xff0c;最新的消费者物价指数读数可能会改变人们对美联储今年是否再次加息的预期。 摩根大通的分析师表示&…

Java基础---自动装箱拆箱导致的NullPointerException问题

目录 问题描述 代码 简单分析 问题描述 在返回一个类型是boolean的方法中&#xff0c;将从map里面取出的Boolean类型的值直接返回&#xff0c;代码一运行&#xff0c;执行到这立即出现了空指针问题&#xff08;问题一&#xff09;于是就使用log分析&#xff0c;将字符和Bool…

Java之深入探究IO流操作与Lambda表达式

深入探究Java IO流操作与Lambda表达式的优雅结合 1. IO流1.1 IO流的概念1.2 IO流的分类1.3 常见的IO流操作1.3.1 字节流操作1.3.2 字符流操作1.3.3 缓冲流 2. Lambda表达式2.1 Lambda 表达式使用条件2.2 Lambda 表达式的分类2.3 Lambda 表达式在 IO 流操作中的应用2.4 常见的 I…