首页 > 开发工具 > VSCode > 正文

vscode怎么设置背景图

(*-*)浩
发布: 2019-11-09 09:34:42
原创
11699 人浏览过

vscode怎么设置背景图

最近在知乎上看见有人设置了vscode编辑器的背景图片,觉得很新鲜,就尝试以一下,倒是成功了。

首先在vscode扩展中,找到background这个插件,快捷键Ctrl+shift+x    (推荐学习:vscode入门教程

vscode-26.png

完成第一步就已经有默认背景了,可是想设置自己喜欢的怎么办?往下看

打开 文件>首选项>设置

在右侧设置里

vscode-27.png

第一句"background.enabled": true,是插件是否启用,当我们把插件下载下来并且重启vscode之后,就已经有了这句话

第二句"background.useDefault": false,是否使用默认图片,改成false,不默认,我们要设置自己想要的!

第三句 设置路径,细心的道友已经注意到了,这是一个数组,也就是说可以设置多张不同的图片!记住,最多三张!  /D:/like.jpg  是图片的路径地址

"background.customImages": [
"file:///D:/like.jpg"
],
登录后复制

最后就是background.style了,大家看着设置就好了,懂点css的都知道。注意后面的"opacity": 0.1透明度是可以设置的。

vscode-28.png

以上是vscode怎么设置背景图的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板