|
2 | 2 |
|
3 | 3 | ## 1 前言 |
4 | 4 |
|
5 | | -在博文“ [IntelliJ IDEA 之 HelloWorld 项目创建及相关配置文件介绍](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/articles-of-idea/hello-world.md) ”中，咱们已经用 IntelliJ IDEA 创建了第一个 Java 项目 HelloWorld，如下图所示： |
| 5 | +在博文「[IntelliJ IDEA 之 HelloWorld 项目创建及相关配置文件介绍](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/articles/hello-world.md)」中，我们已经用 IntelliJ IDEA 创建了第一个 Java 项目 HelloWorld，如下图所示： |
6 | 6 |
|
7 | | - |
| 7 | + |
8 | 8 |
|
9 | | -观察上图，大家有没有发现一些问题，例如，整个界面的字体是不是都太小了一点啊？不知道大家感受如何，反正博主看到这么小的字体，当真是头晕眼花啊！因此，接下来，就让咱们一起尝试着把 IntelliJ IDEA 的主题和字体都重新设置一遍，看看到底什么样的模式咱们看着最舒服。 |
| 9 | +观察上图，大家有没有发现一些问题，例如，整个界面的字体是不是都太小了一点啊？不知道大家感受如何，反正博主看到这么小的字体，当真是头晕眼花啊！因此，接下来，就让我们一起尝试着把 IntelliJ IDEA 的主题和字体都重新设置一遍，看看到底什么样的模式我们看着最舒服。 |
10 | 10 |
|
11 | 11 | ## 2 主题修改 |
12 | 12 |
|
13 | 13 | ### 2.1 界面主题修改 |
14 | 14 |
|
15 | | - |
| 15 | + |
16 | 16 |
|
17 | | -如上图所示，依次点击“ Files ”--> “ Settings ”，进入如下界面： |
| 17 | +如上图所示，依次点击`Files -> Settings`，进入如下界面： |
18 | 18 |
|
19 | | - |
| 19 | + |
20 | 20 |
|
21 | | - - 标注1：主题选择区； |
22 | | - - 标注2：Darcula、IntelliJ 和 Windows，三个主题。 |
| 21 | + - **标注 1**：主题选择区； |
| 22 | + - **标注 2**：`Darcula`、`IntelliJ`和`Windows`，三个主题。 |
23 | 23 |
|
24 | | -如上图所示，咱们定位到“ Appearance & Behavior > Appearance ”界面，在 Windows 系统上 IntelliJ IDEA 默认提供三个主题，分别为：Darcula、IntelliJ 和 Windows。其中，除了 Darcula 是黑色背景的主题，其余两个都是白色背景的主题。在这里，咱们以“ Windows ”主题为例，演示一下修改后的效果： |
| 24 | +如上图所示，我们定位到`Appearance & Behavior > Appearance`界面，在 Windows 系统上 IntelliJ IDEA 默认提供三个主题，分别为：`Darcula`、`IntelliJ`和`Windows`。其中，除了`Darcula`是黑色背景的主题，其余两个都是白色背景的主题。在这里，以`Windows`主题为例，演示一下修改后的效果： |
25 | 25 |
|
26 | | - |
| 26 | + |
27 | 27 |
|
28 | | -如上图所示，这是咱们选择“ Windows ”主题、点击“ Apply ”之后的效果，为纯白色主题。 |
| 28 | +如上图所示，这是在选择`Windows`主题、点击`Apply`之后的效果，为纯白色主题。 |
29 | 29 |
|
30 | 30 | ### 2.2 代码编辑区主题修改 |
31 | 31 |
|
32 | | - |
33 | 32 |
|
34 | | - - 标注1：主题选择区； |
35 | | - - 标注2：Default 和 Darcula，两个主题。 |
| 33 | + |
36 | 34 |
|
37 | | -如上图所示，咱们定位到“ Editor > Colors & Fonts ”界面，在 Windows 系统上 IntelliJ IDEA 默认提供两个编辑区主题，分别为：Default 和 Darcula。其中，Default 为默认主题；Darcula 为黑色主题。在这里，咱们以“ Darcula ”主题为例，演示一下修改后的效果： |
| 35 | + - **标注 1**：主题选择区； |
| 36 | + - **标注 2**：`Default`和`Darcula`，两个主题。 |
38 | 37 |
|
39 | | - |
| 38 | +如上图所示，我们定位到`Editor > Colors & Fonts`界面，在 Windows 系统上 IntelliJ IDEA 默认提供两个编辑区主题，分别为：`Default`和`Darcula`。其中，`Default`为默认主题；`Darcula`为黑色主题。在这里，我们以`Darcula`主题为例，演示一下修改后的效果： |
40 | 39 |
|
41 | | -如上图所示，这是咱们选择“ Darcula ”主题、点击“ Apply ”之后的效果，为黑色编辑区主题。 |
| 40 | + |
42 | 41 |
|
43 | | -通过以上的演示，咱们已经知道了，无论是界面还是编辑区的主题都是可以修改的，具体如何修改，这就看咱们的心情啦！对于博主来说，比较喜欢 “ Darcula ”主题，因此在接下来的内容中，咱们都在“ Darcula ”主题主题下进行演示。 |
| 42 | +如上图所示，这是在选择`Darcula`主题、点击`Apply`之后的效果，为黑色编辑区主题。通过以上的演示，我们已经知道了，无论是界面还是编辑区的主题都是可以修改的，具体如何修改，这就看我们的心情啦！对于博主来说，比较喜欢`Darcula`主题，因此在接下来的内容中，我们都在`Darcula`主题下进行演示。 |
44 | 43 |
|
45 | 44 | ## 3 字体修改 |
46 | 45 |
|
47 | 46 | ### 3.1 界面主题字体修改 |
48 | 47 |
|
49 | | - |
| 48 | + |
50 | 49 |
|
51 | | - - 标注1：重写默认字体（必选）； |
52 | | - - 标注2：具体可以修改字体大小的数值。 |
| 50 | + - **标注 1**：重写默认字体（必选）； |
| 51 | + - **标注 2**：具体可以修改字体大小的数值。 |
53 | 52 |
|
54 | | -如上图所示，咱们定位到“ Appearance & Behavior > Appearance ”界面，如果确定要修改字体大小的话，**标注1** 所示的`Override default fonts by XXX`为必选项，否则的话，不能修改字体，因为 IntelliJ IDEA 默认是不推荐修改的；**标注2** 所示的为咱们具体可以修改字体大小的数值。在这里，咱们选择`Size`为 14，演示一下修改后的效果： |
| 53 | +如上图所示，我们定位到`Appearance & Behavior > Appearance`界面，如果确定要修改字体大小的话，**标注 1** 所示的`Override default fonts by XXX`为必选项，否则的话，不能修改字体，因为 IntelliJ IDEA 默认是不推荐修改的；**标注 2** 所示的为我们具体可以修改字体大小的数值。在这里，选择`Size`为`14`，演示一下修改后的效果： |
55 | 54 |
|
56 | | - |
| 55 | + |
57 | 56 |
|
58 | | -如上图所示，这是咱们选择`Size`为 14、点击“ Apply ”之后的效果，显然界面主题的字体明显都变大了很多。 |
59 | | - |
60 | | -在这里，有一点需要注意，那就是：**有的字体是包含中文的，有的字体则是不包含中文的**。一般情况下，使用英文的国家是不需要额外担心乱码问题的，但是咱们需要啊！如果咱们选择的字体不包含中文的话，很多位置上可能会出现类似于 口口口口口 这样的乱码问题。例如，`Courier New`和`Monaco`就是纯英文字体，而`Microsoft YaHei`就是包含中文的字体。 |
| 57 | +如上图所示，这是在选择`Size`为`14`、点击`Apply`之后的效果，显然界面主题的字体明显都变大了很多。在这里，有一点需要注意，那就是：**有的字体是包含中文的，有的字体则是不包含中文的。**一般情况下，使用英文的国家是不需要额外担心乱码问题的，但是我们需要啊！如果我们选择的字体不包含中文的话，很多位置上可能会出现类似于 口口口口口 这样的乱码问题。例如，`Courier New`和`Monaco`就是纯英文字体，而`Microsoft YaHei`就是包含中文的字体。 |
61 | 58 |
|
62 | 59 | ### 3.2 代码编辑区字体修改 |
63 | 60 |
|
64 | | - |
| 61 | + |
65 | 62 |
|
66 | | - - 标注1：Save as 主题（必选）； |
67 | | - - 标注2：仅展示等宽字体； |
68 | | - - 标注3：字体具体大小的数值； |
69 | | - - 标注4：行宽（行与行之间的距离）； |
70 | | - - 标注5：第二字体； |
71 | | - - 标注6：字体、大小及行宽的示例展示区。 |
| 63 | + - **标注 1**：`Save as`主题（必选）； |
| 64 | + - **标注 2**：仅展示等宽字体； |
| 65 | + - **标注 3**：字体具体大小的数值； |
| 66 | + - **标注 4**：行宽（行与行之间的距离）； |
| 67 | + - **标注 5**：第二字体； |
| 68 | + - **标注 6**：字体、大小及行宽的示例展示区。 |
72 | 69 |
|
73 | | -如上图所示，咱们定位到“ Editor > Colors & Fonts > Font ”界面，**标注1** 所示的`Save As`表示咱们需要另外复制一份编辑区主题，然后才能修改，因为 IntelliJ IDEA 是不能直接在默认的代码模板上修改字体的；**标注2** 所示的`Show only monospaced fonts`表示只显示系统上的等宽字体，取消勾选后，将显示系统上所有已安装的字体。**标注5** 所示的`Secondary font`表示第二字体，因为 IntelliJ IDEA 的编码字体有“ 第一字体 ”和“ 第二字体 ”之分，当有些字符在第一字体不能支持的时候，将会自动使用第二字体进行支持。在这里，咱们选择`Size`为 16，演示一下修改后的效果： |
| 70 | +如上图所示，我们定位到`Editor > Colors & Fonts > Font`界面，**标注 1** 所示的`Save As`表示我们需要另外复制一份编辑区主题，然后才能修改，因为 IntelliJ IDEA 是不能直接在默认的代码模板上修改字体的；**标注 2** 所示的`Show only monospaced fonts`表示只显示系统上的等宽字体，取消勾选后，将显示系统上所有已安装的字体。**标注 5** 所示的`Secondary font`表示第二字体，因为 IntelliJ IDEA 的编码字体有「第一字体」和「第二字体」之分，当有些字符在第一字体不能支持的时候，将会自动使用第二字体进行支持。在这里，我们选择`Size`为`16`，演示一下修改后的效果： |
74 | 71 |
|
75 | | - |
| 72 | + |
76 | 73 |
|
77 | | -如上图所示，这是咱们选择`Size`为 16、点击“ Apply ”之后的效果，显然编辑区主题的字体明显都变大了很多。 |
| 74 | +如上图所示，这是在选择`Size`为`16`、点击`Apply`之后的效果，显然编辑区主题的字体明显都变大了很多。 |
78 | 75 |
|
79 | 76 | ### 3.3 控制台输出字体修改 |
80 | 77 |
|
81 | | - |
| 78 | + |
| 79 | + |
| 80 | +如上图所示，我们定位到`Editor > Colors & Fonts > Console Font`界面，细心观察之下，我们会发现这个界面和`Editor > Colors & Fonts > Font`界面完全相同，因此我们就不重新介绍一遍啦！在这里，我们选择`Size`为`14`，演示一下修改后的效果： |
82 | 81 |
|
83 | | -如上图所示，咱们定位到“ Editor > Colors & Fonts > Console Font ”界面，细心观察之下，咱会发现这个界面和“ Editor > Colors & Fonts > Font ”界面完全相同，因此咱们就不重新介绍一遍啦！在这里，咱们选择`Size`为 14，演示一下修改后的效果： |
| 82 | + |
84 | 83 |
|
85 | | - |
| 84 | +如上图所示，这是在选择`Size`为`14`、点击`Apply`之后的效果，运行程序后，控制台的输出字体显示大了，也清晰了很多。 |
86 | 85 |
|
87 | | -如上图所示，这是咱们选择`Size`为 14、点击“ Apply ”之后的效果，运行程序后，控制台的输出字体显示大了，也清晰了很多。 |
88 | 86 |
|
89 | 87 | ---------- |
90 | 88 | ———— ☆☆☆ —— [返回 -> 史上最简单的 IntelliJ IDEA 教程 <- 目录](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/README.md) —— ☆☆☆ ———— |
0 commit comments