「差生文具多系列之」最好看的 IDE 主题

🍄 大家好,我是风筝

🌍 个人博客:【古时的风筝】。

本文目的为个人学习记录及知识分享。如果有什么不正确、不严谨的地方请及时指正,不胜感激。

每一个赞都是我前进的动力。

公众号:「古时的风筝」

大家好,我是风筝

在之前发的文章中,在很多有代码截图的文章中,总有同学问我这是什么主题,还蛮好看的,就像下面这样。 对于编辑器主题,每个人的审美都不一样,有的人喜欢暗色,有的人喜欢浅色,有的人用 IDE 的默认主题也一样写出很棒的代码。

既然问的同学还不少,那今天就写一篇我是怎么将 IDEA (同样适用于JetBrains全家桶)变成上图中的那种效果的。

当我们刚装完 IDEA 之后,选择暗色主题后,默认是这个样子的。跟上图的效果差别很大,完全是两种风格。

其实变成那样也非常简单,只需要简单几个插件和设置就够了。

字体

首先就是字体,之前的文章介绍过字体 「差生文具多系列」最好看的编程字体,有兴趣的可以看一下,我还是用 JetBrains Mono

打开设置,找到 Editor->Color Scheme,将其中的Color Scheme FontConsole Font都改为你想要的字体,并且注意字号,默认12号,实在太小了,我一般设置为 16号,当然这取决于你的视力和个人喜好。

然后设置完之后,如果不在意细节的话,就可以用了,最起码能看清楚代码了。改完后的效果是这样的。

New UI

如果你用的是2023版本之后的 JetBrains IDEs,在设置中有一个 New UI的选项,区别于默认的经典样式。

打开设置界面,在 Appearance & Behavior菜单下找到New UI,勾选 Enable new UI,然后确定。

记得要重启 IDE 才能生效,重启后的效果就是这样的了。

当我把这个选项告诉我的一个朋友后,他说:"诶,这就够了,不需要主题了",然后开心的写代码去了。

通过右上角设置,可切换回经典模式。如果有必要的话。

主题插件

Material Theme

如果觉得还是差点意思,那就要上主题插件了。我一直用 Material Theme,这个其实是一系列主题的合集。

安装完成后重启。

重启后在右上角就会出现 Material Theme的图标,通过这里可以方便的切换主题。

当然了,也可以在设置界面切换主题。

我个人比较喜欢 Palenight 这个主题。虽然是暗色主题,但是没那么暗,而且对比度没那么强烈。 说实话,我真是佩服那些使用高对比度主题的同学,我切一下高对比度主题,再看别的地方,眼前都会有黑影。

注意了,如果是第一次切换主题,那可能需要重新设置一下字体以及字号,因为主题用的是默认的字号。

Space这个主题也不错。

Dracula Theme

除了 Material Theme这个主题外,我还比较喜欢 Dracula Theme 这个插件,我在 VSCode 中一直用这个主题。在 IDEA 中效果也非常不错。

Dracula Theme 也提供了好几款主题,我最喜欢的是 Dracula Colorful这个。

效果是这个样子。

图标

到这里其实已经差不多了,但是左侧文件树有些单调,缺点什么呢?没错,就是图标有点单调。

安装扩展图标插件 Atom Material Icons

安装后重启 IDE,这下左侧文件树丰富了不少,满意了。

彩虹括号插件

有的时候代码中的括号嵌套比较深的,比如下面这样,当然,正常情况下不会有这么多嵌套的。

但是万一有呢,安装 Rainbow Brackets这个插件。

直接变成彩虹色的了。

最终效果

最终使用了这几个插件和设置

  1. 使用 Material Theme UI主题插件中的 Palenight主题。
  2. 使用 IDEA 提供的 New UI模式。
  3. 使用Atom Material Icons插件美化左侧文件树图标。
  4. 使用 Rainbow Brackets插件装饰嵌套括号。
  5. 将编辑器以及 Console 区的字体设置为 JetBrains Mono 字体,字号设置为 16。

最终看到的效果就是下面这样,还可以吧。

你有什么私家珍藏主题,可以在评论区分享出来鸭~~~

还可以看看风筝往期文章

「差生文具多系列」最好看的编程字体

「差生文具多系列」程序员怎么能没有机械键盘

一千个微服务之死

搭建静态网站竟然有这么多方案,而且还如此简单

被人说 Lambda 代码像屎山,那是没用下面这三个方法

相关推荐
夏花里的尘埃11 分钟前
vue3实现echarts——小demo
前端·vue.js·echarts
努力学习的木子1 小时前
uniapp如何隐藏默认的页面头部导航栏,uniapp开发小程序如何隐藏默认的页面头部导航栏
前端·小程序·uni-app
java小郭4 小时前
html的浮动作用详解
前端·html
水星记_4 小时前
echarts-wordcloud:打造个性化词云库
前端·vue
强迫老板HelloWord5 小时前
前端JS特效第22波:jQuery滑动手风琴内容切换特效
前端·javascript·jquery
续亮~6 小时前
9、程序化创意
前端·javascript·人工智能
刘铸纬6 小时前
Golang中defer和return顺序
开发语言·后端·golang
RainbowFish6 小时前
「Vue学习之路」—— vue的常用指令
前端·vue.js
Wang's Blog6 小时前
Webpack: 三种Chunk产物的打包逻辑
前端·webpack·node.js
pan_junbiao6 小时前
HTML5使用<blockquote>标签:段落缩进
前端·html·html5