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

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

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

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

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

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

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

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

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

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

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

主题

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

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

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

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

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

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

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

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

  • Gradianto
  • Material Theme UI

Gradianto

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

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

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

Nature Green

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

Deep OceanIDEA 这样设置,好看到爆炸!!!_IDEA_06

Dark Fuchsia

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

Midnight Blue

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

Material Theme UI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

图标

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

字体

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

  • Fira Code
  • JetBrains Mono

Fira Code 下载地址为:

https://github.com/tonsky/FiraCode

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

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

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

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

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

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

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

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

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

背景图

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

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

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

背景图设置窗口如下:

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

其他

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

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

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

最后

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

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

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

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