快乐Coding,必须要有一个高颜值的代码编辑器,主题+字体推荐

boyanx9个月前技术教程49

介绍

对于VSCode我相信我就不用多说了,现如今几乎所有开发者或者说前端开发者应该都知道VSCode这一款微软开源免费跨平台的代码编辑器或者说轻量级IDE,其强大的扩展生态给VSCode提供了无限的活力,丰富的插件让VSCode更加灵活和强大!






主题

今天文章的主题是打造高颜值的VSCode,那么我们得从主题和字体两方面来进行,接下来就来看一看有哪些值得使用的主题插件

  • Noctis

Noctis是笔者使用最多的一个主题,或许这只是个人感觉,但是确实看上去就是好看,Noctis是光与暗的主题有一个很好的平衡混合的冷暖中等对比度的颜色的集合。

这个主题的目的是:

1、是容易对眼睛从而减少眼睛疲劳

2、给语义到主题的颜色

(字体是收费字体,就不介绍了)

https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis










  • Slack Theme

Slack 有着非常具有标识度的配色方案:深紫色 / 浅绿色 / 明白色

https://marketplace.visualstudio.com/items?itemName=felipe-mendes.slack-theme





  • Material Theme

这是一款网上包括我自己用的比较多的一款主题,不多介绍,看图(暗色系和亮色系各截图一个)

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme



  • Dracula

一个黑暗的主题为Visual Studio Code和89+的应用而生

https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
https://draculatheme.com/visual-studio-code/


  • Eye Care Themes

专为护眼而打造的专用主题,只为让眼睛更舒服



字体

1、FiraCode

连字特性,多种编辑器、IDE 支持

https://github.com/tonsky/FiraCode

2、Input

http://input.fontbureau.com/.

Input 是一个灵活的字体系统,有 Mono,Sans 和 Serif 两种款式

3、Source Code Pro

https://github.com/adobe-fonts/source-code-pro

由 Adobe 设计,视觉友好,所有显示器都清晰可辨

4、Anonymous Pro

等宽设计,各种计算机键盘符号

https://www.marksimonson.com/fonts/view/anonymous-pro

5、Ubuntu Mono

Ubuntu字体专门用于补充Ubuntu

https://design.ubuntu.com/font/

6、Menlo

Menlo 是 maccode 中用于 Xcode 和 Terminal 的新默认字体

https://github.com/hbin/top-programming-fonts/blob/master/Menlo-Regular.ttf

7、Consolas

颜值高

https://docs.microsoft.com/zh-cn/typography/font-list/consolas

8、Hack

Hack 是一种专为源代码设计的开源字体

https://github.com/source-foundry/Hack

总结

以上主题可到对应扩展地址下载安装,字体亦是,enjoy it!

相关文章

低代码平台组件之编辑器组件

下面讲一下对应的低代码里面的编辑器组件。编辑器组件用的比较多的应该是在合同里面,合同里面有对应的粘贴word的样式,直接到线上。老规矩,拖动一个空间,拖动到中间,选中它,看一下有哪些属性。通用的属性不...

3款 .NET 开源的编辑器,包含代码、文本和Markdown编辑功能!

前言今天大姚给大家推荐3款 .NET 开源、免费的编辑器,其中包含 C# 代码编辑器、文本编辑器和 Markdown 编辑器!RoslynPadRoslynPad是一个基于 Roslyn 和 Aval...

适合程序员/软件开发者的专业编辑器/笔记软件综合评测和全面推荐

国内外各种形形色色的编辑器有上百种。即便是针对程序员需求开发的编辑器也有不少,比如,Atom、EMACS、Vim 、Notepad++、Sublime Text、Brackets、Vim、Visual...

微软在 Excel 中引入 Python 代码编辑器: 改变数据分析的游戏规则

2023 年 9 月,微软 365 团队宣布为桌面版 Excel 应用程序开发 Python 代码编辑器插件。 该插件将帮助有能力的用户使用代码快速计算、组织和输出单元格数据。 微软于今年 6 月以插...

好用的Python在线编辑器推荐

1.Colaboratory Google提供的在线编辑器编辑器地址:https://colab.research.google.com支持切换Python2/Python3的环境支持常用导入模块(例...

文本编辑器,Notepad2 Notepad3 Notepad++对比,代码语法高亮

你好,我是老盖,首先感谢你观看本文,本篇文章我做的有视频,视频讲述的比较详细,也可以看我发布的视频。今天对比几个轻量级的文本编辑器,Notepad2和Notepad3 和Notepad++,这3个我依...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。