leetcode vscode_Windows下如何配置好看且好用的VSCODE环境

用了这么久VSCode,不折腾折腾一个好看的工作环境吗?毕竟好看是第一生产力啊!

为了显著区别前后的美化效果,我在虚拟机里装了一个全新的VSCode。一步一步来改变它吧!

一个全新的VSCode是长这样的:

1474a95674b8f684619f49cf60c1e952.png

插件一:Windows opacity

9742918798d80228545eb7c3ead23ae6.png

插件效果:

e6051b4a28b3359293e39efc19a50843.png

该插件提供了窗口的透明效果,该效果可能不是每个人都接受。但根据我的使用体验,这个插件除了美化,在有时我需要对照着其他页面输入数据,我能够直接透过VSCode的页面看到底下的数据,这样我就不用分屏或者切屏了。

例如你在刷LeetCode:

94816ab76f944d31c7b13966512dc5d0.png

当然,有了它,边敲代码边追番看剧也更方便了

该插件的配置只有一条,透明值0-255,值越小越透明。(注意:设置为0就完全看不到啦!!)

{
    

这个插件还有个好处就是,相比设置背景图片的插件,图片显示质量要更好,更自然。而且,你还可以搭配动态桌面啊 !

627d791982dd180058a7bc9c2926f7c7.gif

插件二: One Dark Pro

81ae9f200a6fa582ed6900e22584770c.png

主题插件,没啥好说的,装上启用就完事了

fbe7ae54b9f426e976955a3f7b4f1e61.png

插件三:vscode-icons

6e8891836bb7e56e929aca3706ecb207.png

这个我想大家都应该装了吧

字体:Fira Code

一款十分推荐的编程字体,等宽,还有连字!

db207458a95e41f9d594aad6a8f9c1e6.png

下载地址:

https://github.com/tonsky/FiraCode​github.com

9f943587c1e3275b8d77b95f6ae04a76.png

安装ttf文件就好啦,然后在VSCode里进行设置:

{ 
    

如果没有生效,重启一下VSCode吧。

现在的VSCode应该是这样的了:

8a195bf738c98d7905f9a98156cc541d.png

最后

剩下的就是一些小细节,如果不喜欢这种太暗的主题,还有一个推荐的主题是

981df0b4969cb841d7cb8ada01c0ee48.png

效果是这样的:

0f9c03a3f0bbb9eff75b51547cd791f6.png

如果有空的话,还可以分享一下我觉得很好用的插件,以及各种语言环境,工作环境的搭建,比如C++、Python还有Go。这次的分享就这样啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值