本教程使用社区版IntelliJ IDEA 2021.1。
1 Settings
IDEA配置功能列表如图1.1所示。

图1.1 Settings功能预览
由图1.1可知,配置列表共9个大项,功能介绍如下表所示。
序号 | 功能 | 描述 |
---|
1 | Appearance & Behavior | 配置IDEA的页面主题及快捷键等 |
2 | Keymap | 快捷键配置 |
3 | Editor | 自定义代码风格、缩进、字体等 |
4 | Plugins | 插接件安装与卸载 |
5 | Version Control | 版本控制 |
6 | Build,Execution,Development | 配置项目运行、部署、自定义调试等 |
7 | Languages & Frameworks | 配置项目中使用的框架以及开发语言 |
8 | Tools | 工具管理,配置集成的第三方应用 |
9 | OtherSetting | 其他配置,自定义手动安装的插件,如MyBatis |
2 Appearance&Behavior
2.1 简介
自定义IDEA界面显示和操作,共有8项功能。如主题颜色、字体大小、字体风格,快捷键,配置插件等。功能项概览如图2.1所示。

图2.1 Appearance&Behavior功能概览
2.2 Appearance
IDEA页面颜色及字体配置,如图2.2所示。

图2.2 Appearance
功能序号 | 摘要 | 描述 |
---|
1 | Theme | 主题,配置IDEA颜色,共有4中颜色可选,即IntelliJ Light、Windows 10Light、Darcula和High Contrast |
2 | Sync With OS | 主题色与操作系统一致(集成操作系统颜色) |
3 | Use custom font | 自定义字体 |
4 | Size | 字体大小 |
2.2.1 主题色IntelliJ Light
IntelliJ Light颜色如图2.3所示。

图2.3 IntelliJ Light主题色
2.2.2 主题色Windows 10 Light
Windows 10 Light颜色如图2.4所示。

图2.4 Windows 10 Light主题色
2.2.3 主题色Darcula
Darcula颜色如图2.5所示。

图2.5 Darcula
2.2.4 主题色High contrast
High contrast颜色如图2.6所示。

图2.6 High contrast主题色
2.2 Accessiblity
IDEA辅助设置如图2.7所示。

图2.7 Appearance
由图2.7可知,IDEA有3类辅助配置,如下表所示。
功能序号 | 摘要 | 描述 |
---|
1 | Support screen readers | 支持屏幕阅读器 |
2 | Use contrast scrollbars | 滑动条使用高对比度 |
3 | Adjust colors for red-green vision deficiency | 调整红绿显示 |
2.2.1 Use contrast scrollbars
未开启滚动条高亮对比如图2.8所示。

图2.8 普通对比
开启滚动条高亮对比如图2.9所示。

图2.9 滚动条高亮对比
2.2.2 Adjust colors for red-green vision deficiency
正常配置,未开启红绿辅助如图2.10所示。

图2.10 未开启红绿辅助
开启红绿辅助配置如图2.11所示。

图2.11 开启红绿辅助
2.3 UI Options
IDEA用户交互配置供10项,配置列表如图2.12所示。

图2.12 用户交互配置
用户交互配置详情如下表所示。
功能序号 | 摘要 | 描述 |
---|
1 | Show tree indent guides | 显示目录结构树(竖线) |
2 | Use smaller indents in trees | 缩小目录树显示 |
3 | Enable mnemonics in menu | 开启菜单助记符(索引) |
4 | Enable mnemonics in controls | 开启助记符控制功能,即通过alt+助记符控制IDEA |
5 | Display icons in menu items | 展示功能图标 |
6 | Smooth scrolling | 滑动条平滑滚动(连续平移,不跳变) |
7 | Drag-and-drop with Alt pressed only | 移动文件时必须组合使用Alt键 |
8 | Merge main menu with window title | 合并主菜单 |
9 | Always show full path in window header | 显示文件路径全名 |
10 | Background Image | 配置背景图 |
2.3.1 Show tree indent guides
未开启目录树提示如图2.13所示。

图2.13 未开启目录树提示
开启目录树提示如图2.14所示。

图2.14 开启目录树提示
2.3.2 Use smaller indents in trees
缩小目录树提示间隔,如图2.15所示。

图2.15 缩小目录树间隔
2.3.3 Enable mnemonics in menu
未开启助记符如图2.16所示。

图2.16 未开启助记符
开启助记符如图2.17所示。

图2.17 开启助记符
2.3.4 Enable mnemonics in controls
使用Alt+助记符操作IDEA。
2.3.5 Display icons in menu items
不显示icon如图2.18所示。

图2.18 不显示icon
显示功能键icon如图2.19所示。

图2.19 显示功能键icon
2.3.6 Always show full path in window header
不显示文件全路径如图2.20所示。

图2.20 不显示文件全路径
显示全路径如图2.21所示。

图2.21 显示文件全路径
2.3.7 Background Image
未设置背景图如图2.22所示。

图2.22 未设置背景
设置背景图如图2.23所示。

图2.23 设置背景图
背景图如图2.24所示。

图2.24 背景图
2.4 Tool Windows
工具窗口配置功能列表如图2.25所示。

图2.25 工具窗口功能列表
功能序号 | 摘要 | 描述 |
---|
1 | Show tool window bars | 显示工具栏 |
2 | Side-by-side layout on the left | 工具栏从左并排显示 |
3 | Widescreen tool window layout | |
4 | Show tool window numbers | 显示工具编号 |
5 | Side-by-side layout on the right | 工具栏从右侧并排显示 |
2.4.1 Show tool window bars
隐藏窗口工具栏如图2.26所示。

图2.26 隐藏工具栏
显示窗口工具栏如图2.27所示。

图2.27 显示工具栏
2.4.2 Side-by-side layout on the left
工具栏左侧并排显示

图2.28 工具栏左侧并排显示
2.4.3 Show tool window numbers
不显示工具栏标号如图2.29所示。

图2.29 不显示工具栏编号
显示工具栏标号如图2.30所示。

图2.30 显示工具栏编号
2.4.4 Side-by-side layout on the right
右侧并排显示如图2.31所示。

图2.31 右侧并列显示
3 小结
本章讲解:IDEA显示配置
- 主题配置:Theme
- 辅助配置:Accessibility
- 用户交互配置:UI Options
- 工具窗口配置:Tool Windows