修改VSCode背景图片 全局、局部

最新推荐文章于 2023-11-21 20:15:36 发布
最新推荐文章于 2023-11-21 20:15:36 发布
阅读量949 收藏 11
点赞数 1
分类专栏： 工具、环境 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46183615/article/details/120293387
版权

突然想设置一下背景，网上扒了很多方法，但是最后还是绕了很多弯路（大部分设置的背景都只是代码块的背景），于是总结了以下两个方法

效果：
在这里插入图片描述
修改全局背景图设置步骤：

  1. 安装background-cover插件
    在这里插入图片描述

  2. 管理员身份打开Vscode: 右键以管理员身份运行
    在这里插入图片描述

  3. 右下角切换背景图
    在这里插入图片描述

  4. 可以改透明度啥的
    在这里插入图片描述

修改局部背景图设置步骤（只有代码块有背景）：

  • 如上先安装background-cover插件
  • 以管理员身份进入vscode
  • contrl+shift+p 搜索 User setting 再搜索bacnkground-cover

在这里插入图片描述
congratulations！！！！背景设置完成！！！！

-当然 熟悉也可以直接在setting在setting.js里面修改
在这里插入图片描述

我爱工作&工作love我
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
三步教你使用vscode背景图的插件，让写代码不再单调。
前端程序猿的博客
12-28 3486
vscode背景图插件
详解Vue 全局变量，局部变量
12-08
局组件和局部组件 1.先定义组件   Vue.component(‘组件名’, { 组件模板对象 }) 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写 例如: 组件–>mtText   使用时–>   <my></my> 2.配置组件的模板  注意: 组件的模板内容有且只有一个根元素 3.在视图层里调用 ,用双标签 4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等 注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data 全局组件案例
JS全局变量和局部变量最新解析
01-21
就是这种盲目无原理依据的研究测试弄晕了我, 有必要这么做吗? 其实理解了原理就没必要搞这么多一个一个的试, 然后得出规律, ECMAScript规则都已经定义好了. var的规则是: 使用var声明变量就是内部变量, 否则就是先调用全局变量, 不管多少层函数. this的规则是: method函数里的this永远指向自身, 普通函数的this永远指向DOMWindow. // GodDamnTest1 function Foo() { var a = 123; // 局部变量, 所有子函数的全局变量 this.a = 456; // 对象属性 (function() { alert(a);
全局复位及局部复位设计
01-19
随着FPGA设计越来越复杂，芯片内部的时钟域也越来越多，使全局复位已不能够适应FPGA设计的需求，更多的设计趋向于使用局部的复位。本节将会从FPGA内部复位“树”的结构来分析复位的结构。 　　我们的复位线将会是一个和时钟一样多扇出的网络，如此多的扇出，时钟信号是采用全局时钟网络的，那么复位如何处理？有人提出用全局时钟网络来传递复位信号，但是在FPGA设计中，这种方法还是有其弊端。一是无法解决复位结束可能造成的时序问题，因为全局网络的延时较大，并且不可以直接连到寄存器的复位端。仍然需要局部走线，这对于时序要求紧张的场合，较难满足时序；二是会占用全局时钟资源，多个复位信号会占用更多的全局时钟资源
C语言 全局变量和局部变量详解及实例
12-26
C语言 全局变量和局部变量详解 核心内容： 1、局部变量和全局变量 变量按照作用域分为：全局变量和局部变量 全局变量的作用域：从定义位置开始到下面整个程序结束。 局部变量的作用域：在一个函数内部定义的变量只能在本函数内部进行使用。 OK，上面的效果用Java语言实现一下： public class App1 { public static int k = 10;//相当于全局变量 public static void main(String[] args) { int i = 10;//局部变量 fun(); g(10); } p
VSCode设置全背景图片
qq_41296917的博客
09-11 6516
直接修改源文件css 帮助 -> 切换开发人员工具，找到下面这行，粘贴地址到文件夹里打开。 加入下面的代码，保存，重启vscode即可。 body { background-image: url('file:///F:/高清壁纸/wallhaven-96qy3w_1920x1080.png'); background-size: 100%; opacity: 0.9; background-repeat: no-repeat; } 下载background-cover插件 下载了插件.
更改vs code的界面颜色 vscode修改界面颜色及风格（中文英文界面都有） 手动设置vs code的界面背景颜色
生信小博士的博客
01-10 5688
我本人不太喜欢那种vscode默认自带的那种黑洞洞的界面作为一个有为青年，自然需要明亮干净的界面这个修改起来很简单，打开vscode》的意思是下级菜单中文模式下是文件》首选项》颜色主题这个可以预览每个界面风格的效果，每个试一下，选择一个自己喜欢的，本人喜欢Quiet Light界面。至于如何将vscode设置为中文请看我的另一篇文章。将vscode设置为中文界面。
vscode设置背景图片
南下客
08-20 1万+
点击设置右上角图标 然后把代码复制进去 "background.enabled": true, "background.useDefault": false, "background.customImages": [ "file://D:/1.jpg" ], "background.style": { "content": "''", "pointer-events": "none", "position": "absolute",
VScode 常用插件推荐，非常全面
热门推荐
书呆子ITme
03-22 1万+
VScode常用插件推荐，非常全面！
【VSCode】添加自定义背景图片这么做！（详细方法及问题解决）
互联网 | 前端 | 技巧 | 工具
09-13 2184
【VSCode-工具篇-001】长期的coding，VSCode的主题难免会视觉疲劳，推荐一款插件【background】，自带默认的图片，也可以根据自己的喜好，切换成本地的图片，快来试试吧~
【VSCode】查找本地修改历史并恢复已删除文件
weixin_56463218的博客
10-18 1万+
在原先编好的代码里删删改改，后面发现越改越不像样，准备返回去重做，但注释掉的代码并不是全部，已经删了以前写好的部分。本以为自己是有存档的结果之后的代码偏偏没有存。根据时间有个大致印象是9月13日左右，所以现在开始找时间相近的历史文件。
VSCode上的Git使用手记（持续更新ing...）
诸神缄默不语的博客
04-25 7686
如何使用VSCode内部集成的Git
vscode怎么设置有这个绿线显示修改过的部分
m0_56712742的博客
06-17 477
VSCODE全局背景图片设置教程，background-cover插件
qq_43305958的博客
09-17 5476
VSCODE全局背景图片设置教程，background-cover插件总结 安装插件background-cover 找到安装vscode文件路径 Program Files\Microsoft VS Code\resources\app\out\vs\workbench 搜索workbench.desktop.main.css文件 用管理员模式的vscode打开格式化 在文件最前端设置 总结 good afternoon ...
VScode设置背景图片壁纸
m0_74087268的博客
10-02 1264
在setting.json的最后插入下面这段代码，其中需要注意的是中间图片地址那行是需要自己设置的，可以在任务管理器中的图片，找到需要设置的图片，复制上面的图片路径，再粘贴回setting.json中即可。前面的file:///是固定的，但如果是从网站上的话，那就是http://开头。首先打开vscode，点击左侧第五行的扩展，在输入框内输入background，下载第一个扩展插件，如下图所示。"file:///..." //这里省略，需要根据自己的图片路径进行修改。//这些都像css那样可以改样式的。
【编辑器】vscode修改背景图片的插件们
小哈里的博客
08-15 1500
1、插件1，background 使用：安装后在插件设置的json里面修改配置文件即可。 效果：不能覆盖行数那里的，感觉有点丑，适合在右下角加个logo，但是不适合整个background 配置文件说明： “background.enabled”: true,是插件是否启用，我们要启用。 “background.useDefault”: false,是否使用默认图片，改成false，不默认，我们要设置自己想要的 “background.customImages”: [ 设置图片的路径，照着格式改就行，
vscode自定义背景图片(两种：仅工作区&全屏)
z1216108894的博客
01-06 5064
第一步：以管理员身份运行vscode 第二部：下载background插件 第三步：找到以下位置 第四步：修改配置 代码段： { "update.enableWindowsBackgroundUpdates": true, "background.customImages": [ "file:///D:/tool/vscode/285c.jpeg" //图片的路径 ], "background.style": { .
VSCODE更改背景（下载插件background-cover）
weixin_50194235的博客
11-21 181
点击右下角中间那一个图标。
VSCode常用插件安装
CSDNdesasdf的博客
03-26 229
2、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code，是VSCode端改为中文显示的插件。1、background-cover是VSCode的背景安装，安装后可以使用VSCode的自定义背景图。3、C/C++，使用C语言编程时，需要用到该软件。
vscode自定义背景图片
最新发布
04-18
VSCode是一款功能强大的开源代码编辑器，它支持自定义背景图片来个性化你的编辑环境。以下是介绍如何在VSCode中自定义背景图片的步骤： 1. 首先，打开VSCode编辑器。 2. 在左侧的侧边栏中，点击最底部的设置图标（齿轮形状）或者按下快捷键`Ctrl + ,`，打开设置面板。 3. 在设置面板中，可以看到两个选项卡：用户设置和工作区设置。用户设置是全局设置，会应用于所有项目；工作区设置只会应用于当前打开的项目。 4. 在搜索框中输入"background image"，会出现一个名为"Workbench: Background Image"的设置选项。 5. 点击"Edit in settings.json"链接，进入到settings.json文件的编辑界面。 6. 在settings.json文件中，可以看到一个空的JSON对象。在其中添加以下代码来指定自定义背景图片的路径： ```json "workbench.colorCustomizations": { "workbench.background": "url('file:///path/to/your/image.jpg')" } ``` 将`/path/to/your/image.jpg`替换为你想要设置的背景图片的实际路径。 7. 保存settings.json文件，并关闭该文件。 8. 现在，你应该能够看到VSCode编辑器的背景已经更改为你指定的自定义背景图片了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值