vscode 全局背景图片设置 background

按照网上的安装设置步骤

在应用商店中搜索background 找到下载量最多的那个通常是第一个, 然后点击安装, 在网上搜索还要设置setting.json 我一开始也设置了, 但是一直没有展示出来, 右下角也没有提示让我重新启动vscode之类的, 虽然我手动重新启动, 也上网用例管理员权限打开vscode但是就是不行, 后来就卸载了vscode

然后去官网安装vscode https://code.visualstudio.com/docs/?dv=osx超级超级慢

我们可以打开下载, 然后新窗口打开这个链接
然后再地址栏中使用vscode.cdn.azure.cn替换我上图圈出来的地方, 然后回车, 就可以下载了速度超级快

回到正题, 这个时候我卸载background 然后安装background, 右下角此时就会提示我重新启动vscode 我感觉要成功, 果然重新启用, 成功了 . 默认的图片就出来了, 此时, 你可以自己再配置你想要的图片

 //background 的相关配置"background.useDefault": false,"background.customImages": ["file:///Users/zhangmin/Documents/%20%20%20%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87/3f38ac199b5c00e502ac270db00a8c95.jpg",],"background.style": {"content": "''","pointer-events": "none","top": "0","left": "0","width": "100%","height": "100%","z-index": "99999","background.repeat": "no-repeat","background-size": "contain","opacity": 0.1},"editor.minimap.enabled": false,

观察上图会发现, 左侧并没有被图片覆盖,
打开vscode, 按照我这个路径一步一步往下走,
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css
找到这个css 然后打开找到这个位置, 在这个位置插入一段代码

body{background: url('"你的图片地址') no-repeat;opacity: .75;background-size:cover;background-position: center center;
}

以上操作没用的话
或者你的图片地址可以这样用下载background-cover

然后点击右下角

选择一张背景或者文件夹

成功!

vscode 全局背景图片设置 background相关推荐

【HTML】背景色（bgcolor），背景图片（background），字体（font）
<!-- 内容: 1.body的背景颜色设置--bgcolor 2.body的背景图片设置--background 3.table的背景色设计--bgcolor 4.字体属性设置--color, ...
vscode透明背景以及背景图片设置
vscode透明背景以及背景图片设置更新可以不用往下翻了透明窗口设置背景图片设置最终效果更新其实去年后来就找到了一个很完美的插件,不过忘了自己还发过这么一个东西( 就是下面这个插件,安装 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
css如何设置背景图片？background属性添加背景图片
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
html form背景图片设置,input 提交表单按钮背景图片的完美设置
import java.awt.*; import javax.swing.*; public class TestBackgroundColor extends JFrame { public s ...
三玖天下第一！让三玖陪你写代码（为VScode加入背景图片）
先看一下效果图:(点击查看大图) 单窗口: 双窗口: 修改vscode的背景图片是依赖于插件background实现的,这个插件的下载和使用已经有很多教程了,就不详说了,可以参考这一篇,写的非常详细: ...
移动端也能兼容的web页面制作2：导航栏、背景图片设置
[ 导读 ] MDBootstrap 是基于 Vue.js 开发的一套前端框架,拥有美观大气的界面效果,友好的交互体验,更棒的是对于移动端也有很好的兼容性.先给大家看下演示 demo 的运行,后面将围 ...
android textview 背景图片,Android—TextView 背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...
android textview获取背景颜色,Android TextView背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...
HTML5背景图片设置
本文转载自:点击背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色,相当于HTML中bgcolor属性. body {background-color:#99FF0 ...

vscode 全局背景图片设置 background

vscode 全局背景图片设置 background相关推荐

最新文章

热门文章