VsCode 如何设置背景图以及字体颜色

设置背景图

在设置背景图前需要下载一个叫background的插件(直接在商店里面搜多就可以安装）
然后打开Setting文件

按照上述点击就可以打开Setting文件
将下面的代码复制到Setting文件内

// 背景图代码"background.style": { // 单个"content": "''","pointer-events": "none","position": "absolute", // 绝对定位"z-index": "99999","width": "100%","height": "100%","background-position": "0% 0%", // 图片位置"background-size": "cover", // 图片大小，这里设置铺满"background-repeat": "no-repeat" //是否重复// "opacity": 0.7 // 透明度},"background.styles": [ // 分屏{"content": "''","pointer-events": "none","position": "absolute", // 绝对定位"z-index": "99999","width": "100%","height": "100%","background-position": "0% 0%", // 图片位置"background-size": "contain", // 图片大小，这里设置铺满"background-repeat": "no-repeat", //是否重复"opacity": 0.2 // 透明度},{"content": "''","pointer-events": "none","position": "absolute", // 绝对定位"z-index": "99999","width": "100%","height": "100%","background-position": "0% 0%", // 图片位置"background-size": "cover", // 图片大小，这里设置铺满"background-repeat": "no-repeat", //是否重复"opacity": 0.1 // 透明度}],"background.customImages": [// "file:///D://img//wallhaven-k7k7e1.jpg","file:///D://img//wallhaven-g7216d.png", // 本地图片地址// "file:///D://img//wallhaven-48zoek.jpg", // 本地图片地址// "file:///D://img//wallhaven-lml16p.png", // 本地图片地址"file:///D://img//wallhaven-k78j81.jpg" // 本地图片地址],

设置字体颜色

也按照上述步骤将下面的代码复制到Setting里面去（字体不需要安装插件)

"background.useDefault": false, //是否使用默认图片,false"editor.tokenColorCustomizations": {"comments": "#07f8e4", // 注释"keywords": "#d417e6", // 关键字"variables": "#0099ff", // 变量名"strings": "#f4f806bd", // 字符串"functions": "#a4f809", // 函数名"numbers": "#AE81FF" // 数字},// 选中高亮的颜色"workbench.colorCustomizations": {"editor.selectionBackground": "#f30404"},

然后reset vscode 就可以啦

VsCode 如何设置背景图以及字体颜色相关推荐

微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...
2022最新最详细必成功的在Vscode中设置背景图、同时解决不受支持的问题
文章目录 1.效果展示 2.设置背景图的详细步骤 2.1 .下载background插件 2.2 .选择扩展设置 2.3 .在setting.json中编辑 2.4.对应的配置文件 2.5 .重启电脑 ...
vscode设置背景图，并解决【不受支持】的问题
一.设置背景图 1. 在扩展程序中搜索[background]插件进行安装 2. 打开设置,在搜索中输入background,选择扩展中的plugin background,选择在setting.js ...
MFC/WTL 设置背景图和控件透明的方法
1.MFC 对话框设置背景图方法一: 1>资源中导入一张bitmap图,如命名为 IDB_BITMAP1 2>对话框中添加一个 Picture Control,属性设置 Type 改为B ...
设置背景图时防止图片拉伸的解决方法
在设置背景图时,如果图片不够大会被拉伸,使图片失真,如果图片太大会对view控件的显示造成影响. 如果只是在ImageView中设置图片的话,在程式中可以利用setScaleType进行动态设定,在x ...
HTML5 canvas 设置背景图
页面代码如下 <!DOCTYPE html> <html><head><meta charset="utf-8"><title ...
layui table 字体大小_layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行 ...
使用 XML 实现按钮改变焦点设置背景图
在 drawable 文件夹中添加一个 advancedbutton.xml 设置<selector>和 <item>标签 <?xml version="1.0 ...
layui 行变灰_layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行 ...

VsCode 如何设置背景图以及字体颜色

设置背景图

设置字体颜色

VsCode 如何设置背景图以及字体颜色相关推荐

最新文章

热门文章