vscode设置背景图

作者: LuLuX | 来源:发表于2020-06-30 15:30 被阅读0次

谁不想边码代码边看帅哥呢?(bushi)


好久之前搞得配置了,每次重装vscode或者换电脑的时候总要翻聊天记录(现在太依赖聊天记录了),所以记录备份一下。
原理很简单就是改一下vscode的css文件,在最后加一段body样式的配置,背景图指到本地的图片(记得多下几张高清大图),不需要装任何插件。
之前搞过一版背景图,是装插件处理的,背景图只能设置在编辑区域,不能扩展到侧边栏和顶部等区域,而且升级之类的也很麻烦,另外找了套简单粗暴的方案。

不需要装插件,不需要装插件,不需要装插件
1、先在setting.json(vscode的setting)里面加个设置"window.titleBarStyle": "custom",

2、改个样式文件就好,打开vscode安装目录下的这个文件,直接拉到最后加这一段css


body {
  pointer-events: auto !important;
  background-size: 100% !important;
  opacity: 0.93 !important;
  background-position: 0 0 !important;
  background-image: url('file://E:/background/zyl8.jpg') !important;
  content: '';
  position: absolute;
  z-index: 99999;
  width: 100%;
  background-repeat: no-repeat;
}

(vscode某次升级之后文件名好像修改了,不过不影响,都是同样功能的css文件,给个眼神体会一下 →_→)

关于配置
background-image背景图自选,网络的本地的都可以,能访问到就行。
opacity也可以根据背景图自行调整,这是body的背景图透明度,所以调个90%差不多了,值越小背景图越明显,100%透明度的话就完全没有背景图了。

如下是40%的效果 ↓(瞎了)


以下是我0.93透明度的效果


以上 _(:з」∠)_

相关文章

  • vscode设置背景图

    谁不想边码代码边看帅哥呢?(bushi) 好久之前搞得配置了,每次重装vscode或者换电脑的时候总要翻聊天记录(...

  • vscode背景图设置

    https://blog.csdn.net/qq_36981814/article/details/80743062

  • vscode背景图片设置

    引言 VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript,NodeJS和Pyth...

  • Vscode设置背景图片

    安装插件 搜索background-cover Arch/Manjaro 查看vscode安装位置 插件原理是修改...

  • vscode设置背景图片

    进入底部设置搜索 background 进入

  • 给vscode设置背景图片

    都说程序员都有一颗闷骚的心,当然了我也不例外,所以我给我的vscode设置了背景图片,下面让我给大家介绍一下我是如...

  • CSS背景图设置

    一、背景图设置使用背景图片,设置为全屏方式1:全部使用background设置 背景图片背景尺寸背景图是否重复背景...

  • CSS背景

    background-color 设置背景颜色 background-image 设置背景图片 可以同时设置背景图...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

  • CSS边框图片--跟着李南江学编程

    一、形成border背景图片的原理 边框不只可以设置颜色,还可以设置背景图片,当给边框设置背景图片后,backgr...

网友评论

    本文标题:vscode设置背景图

    本文链接:https://www.haomeiwen.com/subject/qssxqktx.html