IDEA这样设置,瞬间高大上了!
mall学习教程官网:macrozheng.com
在之前发的文章中,有时会出现代码截图,总有同学问我这是什么主题,还蛮好看的,就像下面这样。
对于编辑器主题,每个人的审美都不一样,有的人喜欢暗色,有的人喜欢浅色,有的人用 IDE 的默认主题也一样写出很棒的代码。
既然问的同学还不少,那今天就写一篇我是怎么将 IDEA (同样适用于JetBrains全家桶)变成上图中的那种效果的。
当我们刚装完 IDEA 之后,选择暗色主题后,默认是这个样子的。跟上图的效果差别很大,完全是两种风格。
其实变成那样也非常简单,只需要简单几个插件和设置就够了。
字体
首先就是字体,之前的文章介绍过字体 最好看的编程字体,有兴趣的可以看一下,我还是用
JetBrains Mono
。打开设置,找到
Editor
->Color Scheme
,将其中的Color Scheme Font
和 Console Font
都改为你想要的字体,并且注意字号,默认12号,实在太小了,我一般设置为 16号,当然这取决于你的视力和个人喜好。然后设置完之后,如果不在意细节的话,就可以用了,最起码能看清楚代码了。改完后的效果是这样的。
这或许是一个对你有用的开源项目,mall项目是一套基于 SpringBoot + Vue + uni-app 实现的电商系统(Github标星60K),采用Docker容器化部署,后端支持多模块和微服务架构。包括前台商城项目和后台管理系统,能支持完整的订单流程!涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能!
- Boot项目:https://github.com/macrozheng/mall
- Cloud项目:https://github.com/macrozheng/mall-swarm
- 视频教程:https://www.macrozheng.com/video/
项目演示:
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
这个插件。直接变成彩虹色的了。
最终效果
最终使用了这几个插件和设置
- 使用
Material Theme UI
主题插件中的Palenight
主题。 - 使用 IDEA 提供的
New UI
模式。 - 使用
Atom Material Icons
插件美化左侧文件树图标。 - 使用
Rainbow Brackets
插件装饰嵌套括号。 - 将编辑器以及 Console 区的字体设置为
JetBrains Mono
字体,字号设置为 16。
最终看到的效果就是下面这样,还可以吧。
Github上
标星60K
的电商实战项目mall,全套 视频教程(2023最新版) 已更新完毕!全套教程约40小时,共113期
,通过这套教程你可以拥有一个涵盖主流Java技术栈的完整项目经验
,同时提高自己独立开发一个项目的能力
,下面是项目的整体架构图,感兴趣的小伙伴可以点击链接 mall视频教程 加入学习。整套 视频教程 的内容还是非常完善的,涵盖了mall项目最佳学习路线、整体框架搭建、业务与技术实现全方位解析、线上Docker环境部署、微服务项目学习等内容,具体大纲可以参考下图,你也可以点击链接 mall视频教程 了解更多内容。
推荐阅读
- 69K Star!这是我见过最强的开源电商系统 !!
- Github标星60K!一套完整的项目实战教程来了,主流Java技术一网打尽!
- 看了我项目中购物车、订单、支付一整套设计,同事也开始悄悄模仿了...
- 订单系统就该这么设计,稳的一批!
- 支付系统就该这么设计,稳的一批!
- 权限系统就该这么设计,稳的一批!