WWW.lllT.neT这篇文章内容给大伙儿简单介绍一下给vscode编辑软件设定背景图片的方式。有一定的实用价值,有须要的小伙伴可以参照一下,期待对各位有些协助。

聊一聊给vscode编辑软件设定背景图片的方式

【建议学习培训:《vscode教程》】

首先看一个实际效果展现~

聊一聊给vscode编辑软件设定背景图片的方式

聊一聊给vscode编辑软件设定背景图片的方式

方式

为了更好地可随时随地改动,你能在你的~/.vscode文件夹名称下建立一个vscode_style的文件目录,
在里面放进你自己的css文档和一些照片。以小编为例子,我的vscode的style是

/**vscode_style.css*/
body{
   pointer-events: auto !important;
   background-size: 100% !important;
   opacity: 0.90 !important;
   background-position: 0 0 !important;
   /**change your image url here*/
   background-image: url('./bg.png');
   content: '';
   position: absolute;;
   z-index: 999;
   width: 100%;
   background-repeat: no-repeat;
 }

随后寻找vscode程序流程文件夹名称,linux上一般在'/opt'文件目录下。在{vscode_dir}/resources/app/out/vs/workbench下改动workbench.desktop.main.css就可以改动vscode的款式啦。

@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";

重新启动vscode就好了,如果你重新启动后发觉vscode提示你your code installation appears to be corrupt,立即忽视就它~

  • 另,假如感觉丑丑的title bar不好看,可以在settings.json加上
"window.titleBarStyle": "custom",

可以自身订制菜单栏的款式。

大量程序编写有关专业知识,请浏览:编程视频!!

以上便是聊一聊给vscode编辑软件设定背景图片的办法的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:聊一聊给vscode编辑软件设定背景图片的方式发布于2021-12-14 14:09:01