「差生文具多系列之」最好看的 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 代码像屎山,那是没用下面这三个方法

相关推荐
WeiLai111225 分钟前
面试基础--微服务架构:如何拆分微服务、数据一致性、服务调用
java·分布式·后端·微服务·中间件·面试·架构
浪九天44 分钟前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
qianmoQ1 小时前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践
前端·css
椰果uu2 小时前
前端八股万文总结——JS+ES6
前端·javascript·es6
猿java2 小时前
很多程序员会忽略的问题:创建 MySQL索引,需要注意什么?
java·后端·mysql
微wx笑2 小时前
chrome扩展程序如何实现国际化
前端·chrome
大脑经常闹风暴@小猿2 小时前
1.1 go环境搭建及基本使用
开发语言·后端·golang
~废弃回忆 �༄2 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
CUIYD_19892 小时前
Chrome 浏览器(版本号49之后)‌解决跨域问题
前端·chrome
尚学教辅学习资料2 小时前
基于SpringBoot的美食分享平台+LW示例参考
spring boot·后端·美食