首页 网络技术
  1. 正文

vscode编辑器如何设置图片背景

vscode有什么用

Visual Studio Code 是一个运行于 OS X,Windows和 Linux 之上的,针对于编写现代 web 和云应用的跨平台编辑器,它为开发者们提供了对多种编程语言的内置支持,并且正如 Microsoft 在Build 大会的 keynote 中所指出的,这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。

为了可随时修改,你可以在你的~/.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编辑器如何设置图片背景
本文链接:https://www.qqooo.cn/post/5213.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!