·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
DZ插件网 门户 网站安全 查看内容

IDEA这样设置,瞬间高大上了!

2024-9-11 10:33| 发布者: 镖师| 查看: 23105| 评论: 0

摘要: mall学习教程官网:macrozheng.com在之前发的文章中,有时会出现代码截图,总有同学问我这是什么主题,还蛮好看的,就像下面这样。对于编辑器主题,每个人的审美都不一样,有的人喜欢暗色,有的人喜欢浅色,有的人用 ...

IDEA这样设置,瞬间高大上了!7435 作者: 来源: 发布时间:2024-9-11 10:33

mall学习教程官网:macrozheng.com

在之前发的文章中,有时会出现代码截图,总有同学问我这是什么主题,还蛮好看的,就像下面这样。

IDEA这样设置,瞬间高大上了!7812 作者: 来源: 发布时间:2024-9-11 10:33

对于编辑器主题,每个人的审美都不一样,有的人喜欢暗色,有的人喜欢浅色,有的人用 IDE 的默认主题也一样写出很棒的代码。

既然问的同学还不少,那今天就写一篇我是怎么将 IDEA (同样适用于JetBrains全家桶)变成上图中的那种效果的。

当我们刚装完 IDEA 之后,选择暗色主题后,默认是这个样子的。跟上图的效果差别很大,完全是两种风格。

IDEA这样设置,瞬间高大上了!9451 作者: 来源: 发布时间:2024-9-11 10:33

其实变成那样也非常简单,只需要简单几个插件和设置就够了。

字体


首先就是字体,之前的文章介绍过字体 最好看的编程字体,有兴趣的可以看一下,我还是用 JetBrains Mono

打开设置,找到 Editor->Color Scheme,将其中的Color Scheme FontConsole Font都改为你想要的字体,并且注意字号,默认12号,实在太小了,我一般设置为 16号,当然这取决于你的视力和个人喜好。

IDEA这样设置,瞬间高大上了!5467 作者: 来源: 发布时间:2024-9-11 10:33

然后设置完之后,如果不在意细节的话,就可以用了,最起码能看清楚代码了。改完后的效果是这样的。

IDEA这样设置,瞬间高大上了!3320 作者: 来源: 发布时间:2024-9-11 10:33

这或许是一个对你有用的开源项目,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/

项目演示:
IDEA这样设置,瞬间高大上了!679 作者: 来源: 发布时间:2024-9-11 10:33

New UI


如果你用的是2023版本之后的 JetBrains IDEs,在设置中有一个 New UI的选项,区别于默认的经典样式。

打开设置界面,在 Appearance & Behavior菜单下找到New UI,勾选 Enable new UI,然后确定。

IDEA这样设置,瞬间高大上了!8740 作者: 来源: 发布时间:2024-9-11 10:33

记得要重启 IDE 才能生效,重启后的效果就是这样的了。

IDEA这样设置,瞬间高大上了!5036 作者: 来源: 发布时间:2024-9-11 10:33

当我把这个选项告诉我的一个朋友后,他说:“诶,这就够了,不需要主题了”,然后开心的写代码去了。

通过右上角设置,可切换回经典模式。如果有必要的话。

IDEA这样设置,瞬间高大上了!4572 作者: 来源: 发布时间:2024-9-11 10:33

主题插件

Material Theme


如果觉得还是差点意思,那就要上主题插件了。我一直用 Material Theme,这个其实是一系列主题的合集。

IDEA这样设置,瞬间高大上了!3320 作者: 来源: 发布时间:2024-9-11 10:33

安装完成后重启。

重启后在右上角就会出现 Material Theme的图标,通过这里可以方便的切换主题。

IDEA这样设置,瞬间高大上了!5607 作者: 来源: 发布时间:2024-9-11 10:33

当然了,也可以在设置界面切换主题。

IDEA这样设置,瞬间高大上了!9202 作者: 来源: 发布时间:2024-9-11 10:33

我个人比较喜欢 Palenight 这个主题。虽然是暗色主题,但是没那么暗,而且对比度没那么强烈。说实话,我真是佩服那些使用高对比度主题的同学,我切一下高对比度主题,再看别的地方,眼前都会有黑影。
IDEA这样设置,瞬间高大上了!2675 作者: 来源: 发布时间:2024-9-11 10:33

注意了,如果是第一次切换主题,那可能需要重新设置一下字体以及字号,因为主题用的是默认的字号。

Space这个主题也不错。

IDEA这样设置,瞬间高大上了!3526 作者: 来源: 发布时间:2024-9-11 10:33

Dracula Theme


除了 Material Theme这个主题外,我还比较喜欢 Dracula Theme 这个插件,我在 VSCode 中一直用这个主题。在 IDEA 中效果也非常不错。
IDEA这样设置,瞬间高大上了!7011 作者: 来源: 发布时间:2024-9-11 10:33

Dracula Theme 也提供了好几款主题,我最喜欢的是 Dracula Colorful这个。

IDEA这样设置,瞬间高大上了!2200 作者: 来源: 发布时间:2024-9-11 10:33

效果是这个样子。

IDEA这样设置,瞬间高大上了!9121 作者: 来源: 发布时间:2024-9-11 10:33

图标


到这里其实已经差不多了,但是左侧文件树有些单调,缺点什么呢?没错,就是图标有点单调。

安装扩展图标插件 Atom Material Icons

IDEA这样设置,瞬间高大上了!9750 作者: 来源: 发布时间:2024-9-11 10:33

安装后重启 IDE,这下左侧文件树丰富了不少,满意了。

IDEA这样设置,瞬间高大上了!464 作者: 来源: 发布时间:2024-9-11 10:33

彩虹括号插件


有的时候代码中的括号嵌套比较深的,比如下面这样,当然,正常情况下不会有这么多嵌套的。

IDEA这样设置,瞬间高大上了!1224 作者: 来源: 发布时间:2024-9-11 10:33

但是万一有呢,安装 Rainbow Brackets这个插件。

IDEA这样设置,瞬间高大上了!8906 作者: 来源: 发布时间:2024-9-11 10:33

直接变成彩虹色的了。

IDEA这样设置,瞬间高大上了!6578 作者: 来源: 发布时间:2024-9-11 10:33

最终效果


最终使用了这几个插件和设置
  1. 使用 Material Theme UI主题插件中的  Palenight主题。
  2. 使用 IDEA 提供的 New UI模式。
  3. 使用Atom Material Icons插件美化左侧文件树图标。
  4. 使用  Rainbow Brackets插件装饰嵌套括号。
  5. 将编辑器以及 Console 区的字体设置为 JetBrains Mono 字体,字号设置为 16。

最终看到的效果就是下面这样,还可以吧。

IDEA这样设置,瞬间高大上了!5002 作者: 来源: 发布时间:2024-9-11 10:33


Github上标星60K的电商实战项目mall,全套 视频教程(2023最新版) 已更新完毕!全套教程约40小时,共113期,通过这套教程你可以拥有一个涵盖主流Java技术栈的完整项目经验,同时提高自己独立开发一个项目的能力,下面是项目的整体架构图,感兴趣的小伙伴可以点击链接 mall视频教程 加入学习。

IDEA这样设置,瞬间高大上了!5216 作者: 来源: 发布时间:2024-9-11 10:33

整套 视频教程 的内容还是非常完善的,涵盖了mall项目最佳学习路线、整体框架搭建、业务与技术实现全方位解析、线上Docker环境部署、微服务项目学习等内容,具体大纲可以参考下图,你也可以点击链接 mall视频教程 了解更多内容。

IDEA这样设置,瞬间高大上了!9010 作者: 来源: 发布时间:2024-9-11 10:33

推荐阅读

  • 69K Star!这是我见过最强的开源电商系统 !!
  • Github标星60K!一套完整的项目实战教程来了,主流Java技术一网打尽!
  • 看了我项目中购物车、订单、支付一整套设计,同事也开始悄悄模仿了...
  • 订单系统就该这么设计,稳的一批!
  • 支付系统就该这么设计,稳的一批!
  • 权限系统就该这么设计,稳的一批!





上一篇:亲戚听说我找了白帽子男友后……|情人节特辑
下一篇:对话蒋杰、丁奇,腾讯云数据库之路

鲜花

握手

雷人

路过

鸡蛋

评论

您需要登录后才可以发表言论 登录立即注册
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.218.94.236,GMT+8, 2024-12-23 07:38 , Processed in 0.133088 second(s), 43 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯
扫一扫添加微信客服
QQ客服返回顶部
返回顶部