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

这篇具有很好参考价值的文章主要介绍了VsCode美化 - VsCode自定义 - VsCode自定义背景图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

前言

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

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

How

安装

方法一

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

方法二

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

配置

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

什么,不喜欢?想换图?

打开左下角设置:

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

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

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

"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

效果

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

文件分享

我所使用的图:AliyunDrive

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

更新

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

不爽

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

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

VsCode美化 - VsCode自定义 - VsCode自定义背景图,实用技巧,# VsCode,vscode,ide,编辑器,二次元,背景

End

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

原创不易,转载请附上原文链接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/132215972文章来源地址https://www.toymoban.com/news/detail-639336.html

The End, thanks!

到了这里,关于VsCode美化 - VsCode自定义 - VsCode自定义背景图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • chrome-实用技巧

    重发请求,这有一种简单到发指的方式 选中 Network 点击 Fetch/XHR 选择要重新发送的请求 右键选择 Replay XHR  但是经过实际使用调研,发现它只适用于axios或类似方式使用xhr api,则XHR仍在重放,但是,如果使用新的api fetch,则需要使用其他方法,如下:  此方式还可以直接修改

    2024年02月05日
    浏览(57)
  • AI绘画高效实用技巧

    如何调整整体占画面比例的问题 首先看看主要镜头类型: 广角镜头 (10mm至35mm) 拍全身 标准镜头 (35mm至85mm) 半身照 特写镜头 (85mm至300mm) 抓细节 以全画幅135为例: 20mm以下的称之为超广角镜头 21mm~40mm焦距称之为广角镜头 41mm~60mm焦距称之为标准镜头 61mm~100mm焦距称之为中焦镜头

    2024年02月11日
    浏览(64)
  • Gitlab CICD实用技巧汇总

    1、stage参数 stages:   - build   - test   - deploy 相同stage的作业会并行执行,有一个失败,则认为这个stage失败。 不同stage的作业会按序执行,前面stage有失败,后续stage不会继续执行。 可以使用needs参数改变不同stage之间的依赖关系。 2、cache参数 cache 是一种用于存储和重用构建产

    2024年02月06日
    浏览(64)
  • C语言—实用调试技巧

    第一次被发现的导致计算机错误的飞蛾,也是第一个计算机程序错误。 计算机程序或者硬件里面存在的这种缺陷—bug(程序错误或程序缺陷) 找bug的过程—调试 所有发生的事情都一定有迹可循,如果问心无愧,就不需要掩盖也就没有迹象了,如果问心有愧,就必然需要掩盖

    2024年02月04日
    浏览(41)
  • VS实用调试技巧

    Bug一词的原意是虫子,而在电脑系统或程序中隐藏着的一些未被发现的 缺陷或问题 ,人们也叫它\\\"bug\\\"。这是为什么呢?这就要追溯到一个程序员与飞蛾的故事了。 Bug的创始人格蕾丝·赫柏(Grace Murray Hopper),是一位为美国海军工作的电脑专家,也是最早将人类语言融入到电

    2024年02月01日
    浏览(48)
  • Navicat16实用小技巧

    数据库管理工具是一种用于管理数据库的软件工具,它可以帮助用户创建、修改、维护和查询数据库。数据库管理工具可以为用户提供可视化界面,使得管理数据库变得更加容易。最为一款数据库管理工具,需要具备一下功能: 数据库创建和配置:数据库管理工具可以帮助用

    2024年02月04日
    浏览(47)
  • C#非常实用的技巧

    .NET Framework 4.5以上版本: .NET Framework 4以下 虽然微软的net提供了很多解压和压缩的程序,但是如果你的系统是net Framework4,那上面的代码就用不了了,此时需要借用7za.exe 1.0 C# 解压文件 解压解释: -y 参数表示 \\\"yes to all\\\",即自动回答 \\\"yes\\\",也就是在出现任何提示时都自动选择

    2024年02月01日
    浏览(54)
  • 实用调试技巧(1)

    什么是bug? 调试是什么?有多重要? debug和release的介绍。 windows环境调试介绍。 一些调试的实例。 如何写出好(易于调试)的代码。 编程常见的错误。 什么是Bug 我们在写代码的时候遇到的一些问题而导致程序出问题的就是Bug,世界上的第一个Bug是一支飞蛾,这就是Bug的由

    2024年02月14日
    浏览(53)
  • 实用调试技巧【上篇】

    🔴 本文章是在 Visual Studio 2022(VS2022)编译环境下进行操作讲解 Bug一词的原意是臭虫或虫子。第一代计算机是由许多庞大的真空管组成,并利用大量的电力来使真空管发光。引得一只小虫子Bug钻进了一支真空管内,导致整个计算机无法工作。研究人员费了半天时间,总算发现

    2023年04月09日
    浏览(78)
  • 【Docker 实用技巧】动态切换国内外源

    目录 前言: 1、背景 2、ChatGPT 的方案 3、我的方案 3.1 本地构建 3.2 Github Action 构建 3.3 实际方案 Docker 是一个非常流行的开发和部署平台,它可以帮助开发者快速构建、部署和管理应用程序。在使用 Docker 的过程中,我们可能需要切换国内外源来获取更快速的软件包和镜像。

    2024年02月09日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包