聊聊给vscode编辑器设置图片背景的方法-VSCode-立业阁教程

# 热门
聊聊给vscode编辑器设置图片背景的方法-VSCode-立业阁教程

2021-06-30 11:56:34

# 热门
聊聊给vscode编辑器设置图片背景的方法-VSCode-立业阁教程

本篇文章给大家详细介绍一下给vscode编辑器设置图片背景的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

【推荐学习:《vscode教程》】

先看一个效果展示~

1.png

2.png

方法

为了可随时修改,你可以在你的~/.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编辑器设置图片背景的方法的详细内容,更多请关注立业阁其它相关文章!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 ( 0 )

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!276087365
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

立业阁 其他cms教程 聊聊给vscode编辑器设置图片背景的方法-VSCode-立业阁教程 https://www.liyege/xue/10826.html

永远为用户服务的草根站长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章

网站定制