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

爱被打了一巴掌 2023-10-04 13:12 26阅读 0赞

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

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

![91055329b20f8a8c0e81658564ac673e.png][] 默认主题

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

![2b975d9ea57a684c5dfb114a49f348e3.png][]

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

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

![51ee62a4d8ab4b22f6992293956524df.png][]

### 主题 ###

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

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

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

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

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

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

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

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

*  Gradianto
 *  Material Theme UI

#### Gradianto ####

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

![3ac8470ea647941623645c3aa6304256.png][]

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

**Nature Green**

![88114b83224330d2ebfea3b983ab2a80.png][] Nature Green

**Deep Ocean**![97cc0c22002e1a7935e742b4d99b9641.png][]

**Dark Fuchsia**

![4c56bbe2c8393772363818072744f758.png][] Dark Fuchsia

**Midnight Blue**

![77421ba748c63a6ee2c671533e378493.png][] Midnight Blue

#### Material Theme UI ####

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

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

![0b456539d1c6b3d6ddeb5da22f1d6823.png][]

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

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

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

![8b179b55d8f9f1ba5e887c7b20ea584b.png][]

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

那第二点，设置 Tab（标签页） 的大小，高度这些。

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

![5aab005ea66ee98814fbb1f14a51abba.png][]

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

第三点，设置 **Compact** 这个选项。

![442ace743b3a9ec4d6a3b9c671a1317a.png][]

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

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

![e3f2e9342592fb7671e27518afdc23d9.png][]

### 图标 ###

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

![6b4d97e088329ec79af66314e3875310.png][]

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

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

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

![889f9cbfca1c8ab52d23292967e0d77b.png][]

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

![75c739006e29a0a50acd4898a23bedd8.png][]

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

![6090cf6f5f34e5510beee4747c0bc980.png][]

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

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

![9f3ae588dd475cced71f4b9db30b33c9.png][]

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

![5904f22dccf03901e1d569de9b700663.png][]

### 字体 ###

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

*  Fira Code
 *  JetBrains Mono

Fira Code 下载地址为：

https://github.com/tonsky/FiraCode

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

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

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

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

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

![ed7ed7381e6e7844664306e43507791f.png][]

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

![00056c98bc067c2380cb62fe5d374ac6.png][]

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

### 背景图 ###

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

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

![38f723d1b27feb8c04e8441080f6f997.png][]

背景图设置窗口如下：

![82d1c5631fa3c840529b3b00a2e087ac.png][]

### 其他 ###

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

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

![7be304f99eb96c2056385b71b35e26fd.png][]

### 最后 ###

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

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

--------------------

[91055329b20f8a8c0e81658564ac673e.png]: https://img-blog.csdnimg.cn/img_convert/91055329b20f8a8c0e81658564ac673e.png
[2b975d9ea57a684c5dfb114a49f348e3.png]: https://img-blog.csdnimg.cn/img_convert/2b975d9ea57a684c5dfb114a49f348e3.png
[51ee62a4d8ab4b22f6992293956524df.png]: https://img-blog.csdnimg.cn/img_convert/51ee62a4d8ab4b22f6992293956524df.png
[3ac8470ea647941623645c3aa6304256.png]: https://img-blog.csdnimg.cn/img_convert/3ac8470ea647941623645c3aa6304256.png
[88114b83224330d2ebfea3b983ab2a80.png]: https://img-blog.csdnimg.cn/img_convert/88114b83224330d2ebfea3b983ab2a80.png
[97cc0c22002e1a7935e742b4d99b9641.png]: https://img-blog.csdnimg.cn/img_convert/97cc0c22002e1a7935e742b4d99b9641.png
[4c56bbe2c8393772363818072744f758.png]: https://img-blog.csdnimg.cn/img_convert/4c56bbe2c8393772363818072744f758.png
[77421ba748c63a6ee2c671533e378493.png]: https://img-blog.csdnimg.cn/img_convert/77421ba748c63a6ee2c671533e378493.png
[0b456539d1c6b3d6ddeb5da22f1d6823.png]: https://img-blog.csdnimg.cn/img_convert/0b456539d1c6b3d6ddeb5da22f1d6823.png
[8b179b55d8f9f1ba5e887c7b20ea584b.png]: https://img-blog.csdnimg.cn/img_convert/8b179b55d8f9f1ba5e887c7b20ea584b.png
[5aab005ea66ee98814fbb1f14a51abba.png]: https://img-blog.csdnimg.cn/img_convert/5aab005ea66ee98814fbb1f14a51abba.png
[442ace743b3a9ec4d6a3b9c671a1317a.png]: https://img-blog.csdnimg.cn/img_convert/442ace743b3a9ec4d6a3b9c671a1317a.png
[e3f2e9342592fb7671e27518afdc23d9.png]: https://img-blog.csdnimg.cn/img_convert/e3f2e9342592fb7671e27518afdc23d9.png
[6b4d97e088329ec79af66314e3875310.png]: https://img-blog.csdnimg.cn/img_convert/6b4d97e088329ec79af66314e3875310.png
[889f9cbfca1c8ab52d23292967e0d77b.png]: https://img-blog.csdnimg.cn/img_convert/889f9cbfca1c8ab52d23292967e0d77b.png
[75c739006e29a0a50acd4898a23bedd8.png]: https://img-blog.csdnimg.cn/img_convert/75c739006e29a0a50acd4898a23bedd8.png
[6090cf6f5f34e5510beee4747c0bc980.png]: https://img-blog.csdnimg.cn/img_convert/6090cf6f5f34e5510beee4747c0bc980.png
[9f3ae588dd475cced71f4b9db30b33c9.png]: https://img-blog.csdnimg.cn/img_convert/9f3ae588dd475cced71f4b9db30b33c9.png
[5904f22dccf03901e1d569de9b700663.png]: https://img-blog.csdnimg.cn/img_convert/5904f22dccf03901e1d569de9b700663.png
[ed7ed7381e6e7844664306e43507791f.png]: https://img-blog.csdnimg.cn/img_convert/ed7ed7381e6e7844664306e43507791f.png
[00056c98bc067c2380cb62fe5d374ac6.png]: https://img-blog.csdnimg.cn/img_convert/00056c98bc067c2380cb62fe5d374ac6.png
[38f723d1b27feb8c04e8441080f6f997.png]: https://img-blog.csdnimg.cn/img_convert/38f723d1b27feb8c04e8441080f6f997.png
[82d1c5631fa3c840529b3b00a2e087ac.png]: https://img-blog.csdnimg.cn/img_convert/82d1c5631fa3c840529b3b00a2e087ac.png
[7be304f99eb96c2056385b71b35e26fd.png]: https://img-blog.csdnimg.cn/img_convert/7be304f99eb96c2056385b71b35e26fd.png