Visual Studio Code设置自定义背景图片

1、在VS Code扩展中搜索 background ，就能找到如下图这个插件

2、打开文件 ->首选项 ->设置

3、在设置中找到常用设置，找到如下图的框选的settings.json（也可以设置搜索中搜索 Associations）

4、在settings.json输入如下

{

"background.enabled": true,

"background.useDefault": false,

"background.customImages": [

"file:///E:/image/2.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

}

5、重启以后，背景图就是你自己改的那张啦。

ps：

"background.enabled": true,是插件是否启用，当我们把插件下载下来并且重启VS code之后，就已经有了这句话

"background.useDefault": false,是否使用默认图片，false是不使用默认图

"background.customImages"，这是一个数组，也就是说可以设置多张不同的图片！记住，最多三张！ "E:/image/2.jpg" 是图片的路径地址，想显示3张图，要分栏才会显示

Visual Studio Code设置自定义背景图片相关推荐

Visual Studio Code 2019 修改背景图片教程
Visual Studio Code 2019 修改背景图片教程本人属于写代码不改背景难受的那种人,使用IDEA java开发一年左右后想丰富个人代码能力被同学推荐使用VScode有的同学也想体验 ...
Visual Studio 2019 设置透明背景图（傻瓜式教学）
Visual Studio 2019 设置透明背景图一.前言二.设置背景图片的扩展程序三.编辑主题一.前言给大家分享一下,如何为VS2019设置透明背景图.下面是一张设置后的图片. 二.设置 ...
将Visual Studio Code设置为jshell中的默认编辑器
Java Shell( jshell )是用于在Java中学习和进行原型制作的交互式工具. 它是在Java 9中引入的,从那以后,我在演示过程中偶尔使用它来进行一些快速原型制作,或者只是为了验证Jav ...
Visual Studio Code设置代码自动换行
Visual Studio Code设置代码自动换行,只需两步. 第一步,打开 File 目录下的PreFerebces ,选中Settings . 第二步,在输入框搜索 editor.wrappin ...
修改Visual Studio Code的自定义键盘快捷键
很多IDE,比如Eclipse和Visual Studio Code的auto completion的Intellisense快捷键都是Ctrl + Space,正好和国内开发者切换中英文输入法的案件 ...
Visual Studio Code设置断点时出现Unverified breakpoint该咋办
有的时候在Visual Studio Code里选中某一行设置断点,发现代码行号前面的圆圈是空心的, 而期望的断点设置成功后,显示是这样的: 空心的圆圈前面弹出的提示"Unverified ...
使用Visual Studio Code设置Python开发环境
目录布局 Windows集中式安装假设与要求在Windows上安装安装VS代码安装VS代码扩展在Windows上设置Python开发环境安装Python 创建一个虚拟环境创建项目和设置 ...
同步 Visual Studio Code 设置
简介 Visual Studio Code(以下简称vsCode)现在已经渐渐成为前端开发的主力工具,谁让它这么轻便,功能又这么轻便呢.用vscode Coding的小伙伴们也一定会装很多插件吧.但是 ...
Visual Studio Code设置中文包/配置中文语言
打开vscode工具使用快捷键组合[Ctrl+Shift+p],在搜索框中输入"configure display language",点击确定后: 修改locale.json文 ...
Microsoft Visual studio 2022 如何自定义背景（详细） Visual studio 2022 怎么改背景和幻灯片播放（自定义背景）
一.首先安装好visual studio 2022 1. 打开visual studio 2022 1.新建一个项目,项目名称无所谓进入编辑页面后,点击拓展>管理拓展>联机右边搜索框搜 ...

Visual Studio Code设置自定义背景图片

Visual Studio Code设置自定义背景图片相关推荐

最新文章

热门文章