小技巧:改变 VS Code 工作区页面背景

摘要:
渲染:步骤(1):1。单击页面左上角的文件/首选项/设置。2.在搜索框中输入:background,如下所示。

效果图:

小技巧:改变 VS Code 工作区页面背景第1张

步骤(一):

1.点击页面左上角 文件/首选项/设置

2.在搜索框中输入:background 如下图。

小技巧:改变 VS Code 工作区页面背景第2张

3.找到  Background: Custom Images    选项并点击在 setting,json中 编辑

4.在用户设置去复制以下代码粘贴在用户设置位置

{
"files.autoSave": "onFocusChange",
"editor.formatOnSave": true,
"git.ignoreMissingGitWarning": true,
"liveServer.settings.donotShowInfoMsg": true,
"window.zoomLevel": 0,
"powermode.enabled": true,
"workbench.colorTheme": "Solarized Light",
"workbench.iconTheme": "vscode-icons",

//background 的相关配置
"update.enableWindowsBackgroundUpdates": true,
"background.customImages": [
"file:///E:/工具/音乐视频/照片/长头发黑色内衣美女姜璐4k壁纸_彼岸图网.jpg"
],
"background.enabled": true,
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "center",
"background-repeat": "no-repeat",
"background-attachment": "fixed",
" background-size": "cover",
"opacity": 0.8
},
"background.useFront": true,
"background.useDefault": false
}

如图:

小技巧:改变 VS Code 工作区页面背景第3张

其中 :

background.customImages 位置为电脑存放图片路径  注:必须为绝对路径

  opacity 为透明度
 
其余配置酌情调节

免责声明:文章转载自《小技巧:改变 VS Code 工作区页面背景》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇在webView 中使用JS 调用 Android / IOS的函数 Function微信公众号支付下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS3 基础(1)——选择器详解

 CSS3选择器详解 一、 属性选择器   在CSS3中,追加了三个属性选择器分别为:[att*=val]、[att^=val]和[att$=val],使得属性选择器有了通配符的概念。 选择器 示例 描述 [attribute^=value] [src^="https"] 选择每一个src属性的值以"https"开头的元素 [attribute...

uniapp 小程序实现自定义底部导航栏(tarbar)

在小程序开发中,默认底部导航栏很难满足实际需求,好在官方给出了自定义形式,效果如下: 话不多说,直接上代码 1.组件 custom-tarbar.vue文件 <template> <view class="tarbar"> <view class=".tarbar-list"...

如何解决PC端和移动端自适应问题?

   做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结一下,通常进行自适应高度和宽度,图片时,一般与页面的布局存在关系。 1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960...

WPF自定义窗口(Windows Server 2012 Style)

先上图 新建CustomControl,名:HeaderedWindow ThemesGeneric.aml文件夹下加入 笔刷,转换器 1 <SolidColorBrush x:Key="ActiveBackground" Color="#FF66CBEA"/> 2 <SolidColorBrush x:Key="De...

自定义样式滚动条

自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式 支持情况 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-...

CSS样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM 粗细...