关于vscode编译器background插件的使用

        写前端代码时,用过webstorm(很卡有木有),sublime(小清新),还有vscode,最终还是选择了vscode,不是因为我不喜欢小清新,主要还是因为vscode简洁的编程环境,丰富的插件功能以及方便命令行工具。喜欢折腾(不专心写代码)的我开始想着给vscode换个背景,因为之前用sublime的时候,很喜欢sublime的透明背景以及设置背景图案。

       先看下最后的效果图:

       具体如何实现以及注意要点:

  • 安装:插件里搜索 “background”第一个就是了,点击安装后,重新加载一下编译器
    • 此时编辑器显示的是默认的是小萝莉背景
    • 如果此时没有任何背景,那就说明编译器不是用管理员身份运行的,右键以管理员身份运行再来一次!
  • 个性化(如何设置背景替换):
    • 工具栏 -- 首选项 -- 设置来到我们的设置页面:
    • 首先要设置的是:background.useDefault:是否启用默认背景图案,这里设置为 false
    • 然后设置背景图片集合:background.customImages,最多可以设置三张(如果你打开多个窗口,每个窗口的背景图就是按照集合顺序轮番上阵的),选择什么图片就完全看自己的个人喜好了。
    • 最后一定要设置的是:background.style里面的opacity设置为0.1,视力好的可以设高点。如果不改的话,那可能就GG了。之前就吃过一次亏,没有改透明度,重启编译器之后就只能看见背景图,代码神马都看不见了,我这里就不截图了,有探索精神(不信邪)的同学可以试试看。

2022-07-11更新(v1.2.1版本)

最近这款插件更新至v1.2.1了,之前设置的style基本上都可以删掉了,除了opacity一定要设置以外,只保留自定义的一些style即可。

  • 9
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 12
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值