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

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

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

11f5f8093d17dbb8b0fa445a7e47f7ac.png

插件一:Windows opacity

8a651e32e288e99830caaf2e19f54e71.png

插件效果:

36ba3500edf08e211cde4bc035adb080.png

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

例如你在刷LeetCode:

8e695cb8a1a4333535697fca8f828af7.png

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

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

{
    "winopacity.opacity": 245 //默认245,我推荐225-230
}

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

63a102230bd81af9878ea7eafcd7a1a0.gif

插件二: One Dark Pro

a0076cca610c513aece8493e7a917786.png

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

e29becf5fcae892a7acd31e787c1e166.png

插件三:vscode-icons

4a02c810e6b6b67fdd8bc25b988b1ad1.png

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

字体:Fira Code

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

3ab46fb34691a5796902ae7cb4773bf5.png

下载地址:

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

3654f08136588aa2cc97c7b389aeb8d7.png

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

{ 
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,//启用字体渲染
    "editor.fontWeight": "normal"
}

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

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

150976be8a84d82250a0d9c58fef9024.png

最后

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

787b5e3c1553ea975557a261bc17d562.png

效果是这样的:

924835b622ef1a084ef31d1946c42798.png

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐