这样设置,让你的 IDEA 好看到爆炸

2021-05-06 22:52:53 +08:00
 ArthurBL

Hello,大家好,我是楼下小黑哥。

今天这篇文章是次条视频的文案,这里推荐大家直接看视频学习。

IDEA 这样设置,好看到爆炸!!!#01

今天这期我们来分享几个美化 IDEA 设置技巧,让你的 IDEA 与众不同。

首先我们来看下 IDEA 默认设置,虽然不丑,但就是太单调,千篇一律。

接着,我们来看下美化以后的界面,总体看起来是不是比默认好看了很多。

好了,废话不多话,我们进入设置环节。

那今天 IDEA 所有设置,小黑哥这里都总结好,大家可以看下这张思维导图。

主题

首先我们来设置 IDEA 主题的。

那 IDEA 自带了两款主题,一款是浅色主题,一款是深色主题。

那显然这两款满足不了了我们需求,所以我们需要下载其他主题。

那 IDEA 的插件仓库其实提供很多主题插件,那有些小伙伴可能还不知道怎么去查找这些主题插件。

那这里教大家一个小技巧。

打开 IDEA Setting-Plugins,然后在搜索框输入 /tag:Theme

此时,这里搜索结果就会显示所有主题的插件,那大家根据自己的喜欢安装即可。

那这里小黑哥推荐两款主题插件:

Gradianto

那这款插件主要提供暗黑模式相关主题,这个主题有个好处就是比较护眼,看久了眼镜也不是很酸。

这款插件主要四种主题,分别是:

Nature Green

Deep Ocean

Dark Fuchsia

Midnight Blue

Material Theme UI

上面这个插件它仅仅提供几个主题,下面这款插件呢,它的功能的就很齐全,不仅能设置主题,还能设置 IDEA 其他 UI 。

那安装好之后,这个插件他会弹出一个设置窗口:

这个设置比较简单,这里就不具体介绍,大家挑自己喜欢设置即可。

那这里,如果你不小心关掉了,那也没关系,我们可以从 Setting 进去,搜索 Material,就可以找到。

这个设置地方,首先我们挑选自己喜欢的主题。

这里我个人比较细喜欢 Atom One Dark,推荐大家可以试试。

那第二点,设置 Tab (标签页) 的大小,高度这些。

这里的 Tab,指的就是上方窗口的标签页

第二个就是设置标签页的高亮颜色,当这个标签页被选中的时候,下方就会显示这个高亮颜色。

第三点,设置 Compact 这个选项。

那这个选项,主要是减少 UI 的高度,设置之后看起来就可以更紧凑一点。

第三个设置选项,Components 选项。

图标

IDEA 默认自带了一下文件图标,比如这个 pom 就会显示下面这个一样。

不过很多其他类型文件就没有这个图标。

那我们可以通过下载安装 Atom Material Icons 这个插件,扩展这些文件图标。

这个插件支持很多不同类型的文件。

另外它还支持设置文件夹图标。

插件安装完成之后,进入 Setting-Atom Material Icons Setting 选项,可以看到好几个选项。

Enable File IconsEnable Directory Icons 这两个选项主要设置打开上面说的文件图标。

Enable UI Icons ,这个设置选项是下面这一排 UI 图标。

最后,不推荐大家打开 Enable PSI Icons 这个选项,因为打开之后,Java 文件图标都会变成这样,反而不容易区分了。

字体

这里推荐两款程序员专用字体:

Fira Code 下载地址为:

https://github.com/tonsky/FiraCode

JetBrains Mono 这款字体就需要这么麻烦,新版 IDEA 自带这款字体。

为什么说是程序员专用字体呢?

那是因为这两款字体都加入一个重要功能,编程连字特性( ligatures )。

这连个字体利用这个特性对编程中的常用符号进行优化,比如把输入的「!=」直接显示成「≠」或者把「>=」变成「≥ 」等等,以此来提高代码的可读性。

以 Fira Code 为例,左边是打开编程连字特性,右边则是没有打开。

字体安装完成之后,打开 IDEA Setting-Font 设置选项,选择 Fira Code 字体或者 JetBrains Mono 字体,选中 Enable ligatures

除此之外,上面 Material Theme UI 自带的主题,默认配置字体都偏小,这里我们可以适当调大。

背景图

IDEA 默认情况背景是纯色,比如黑色,比较单调,这里我们可以设置一下背景图。

打开 Setting-Appearance,点击 Background Image 按钮。

背景图设置窗口如下:

其他

最后,介绍最后一个插件- Rainbow Brackets

这款插件主要作用就是用各种鲜明的颜色显示括号。如果我们有很多括号,这样就可以很容易分清楚括号配对问题。

最后

今天文章给大家介绍美化 IDEA 相关设置技巧,那如果你还有其他可以美化 IDEA 技巧,欢迎在留言区评论一下。

如果大家觉得还不错,点赞,在看,分享,一键三连支持我一下。 那如果你还没关注我的公号的话,那请点击下面小卡片快速关注一波。

另外,也可以关注一下我的 B 站账号-楼下小黑哥 520

我的频道是专注于程序员干货知识分享, ok,那我们下期视频再见。

本篇文章由一文多发平台ArtiPub自动发布

3875 次点击
所在节点    推广
22 条回复
DefoliationM
2021-05-06 22:57:04 +08:00
花里胡哨的
dangyuluo
2021-05-06 22:59:06 +08:00
这蜜汁自信的审美观
x940727
2021-05-06 23:00:00 +08:00
为什么我换来换去发现最好看的还是默认的颜色……
Kimen
2021-05-06 23:06:36 +08:00
今天就是天王老子来了,也是默认的最好看
HankLu
2021-05-06 23:10:06 +08:00
感谢分享,程序员不要内讧
zhch602
2021-05-06 23:11:42 +08:00
???这丑的还不如默认的
hcx0
2021-05-06 23:13:19 +08:00
丑到爆炸
AkideLiu
2021-05-06 23:18:37 +08:00
你这配色适合 18 岁,默认配色适合 28 岁
caokeck
2021-05-06 23:18:41 +08:00
审美不敢恭维
phithon
2021-05-06 23:19:50 +08:00
试过两天,换回去了,年纪大了,还是喜欢默认的
ShareManT
2021-05-06 23:30:05 +08:00
好看不代表花里胡哨吧哈哈哈。
lostberryzz
2021-05-06 23:36:14 +08:00
丑的千奇百怪。。
liberize
2021-05-07 08:40:51 +08:00
jetbrains mono 和 fira code 都正在用,以为连字是编辑器的特性,原来是字体
wpyfawkes
2021-05-07 08:56:16 +08:00
设置这么多,影响性能么?
godwinma
2021-05-07 11:24:59 +08:00
最后还是要回归到最初的样子。
wdssmq
2021-05-07 11:33:02 +08:00
VSCode 的默认配色就蛮好。。
emmanuelbeziat.vscode-great-icons + jetbrains 字体 + shalldie.background

↑↑ 和样式相关的就这三样。。
wdssmq
2021-05-07 11:49:21 +08:00
B 站某 6 级号评论:「来 B 站这么多年了,第一次进美妆区,怎么假装经常来的样式。。」←没错就是本人。。
Vitta
2021-05-07 13:00:41 +08:00
我喜欢 vscode 那个很骚的主题
godwinma
2021-05-07 20:29:27 +08:00
当前这个,和 https://juejin.cn/post/6959189361623564325 这篇,有什么区别吗?
jameslan
2021-05-08 05:04:14 +08:00
@liberize 都要支持才行。排版基本需求:fi ffi 这种。排版软件 20 年前就支持了。IDE 的支持和 code font 不到 10 年

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/775302

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX