Skip to content

Commit 17c407e

Browse files
guobinhitguobinhit
authored
Update idea-icon.md
优化文章内容，修改图片存储路径
1 parent 75332ba commit 17c407e

1 file changed

Lines changed: 19 additions & 21 deletions

File tree

‎articles/idea-icon.md‎

Lines changed: 19 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,40 @@
11
# IntelliJ IDEA 常见文件类型的图标介绍
22

3-
在之前的“ [史上最简单的 IntelliJ IDEA 教程](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/README.md) ”系列博文中，咱们已经了解了很多关于 IntelliJ IDEA 的内容啦，例如，在 Windows 系统下安装 IntelliJ IDEA、运行 IntelliJ IDEA 、创建 Java 项目以及修改 IntelliJ IDEA 主题等等，可以说，咱们已经初步掌握了 IntelliJ IDEA 的使用方法啦！不过，有一个现象不知道大家注意到没有，那就是：**在咱们使用 IntelliJ IDEA 创建文件的时候， 随着文件类型的不同，其显示的图标也不相同**。例如，咱们分别创建 Java、Interface、Enum 和 JavaScript 文件，如下图所示：
3+
在之前的「[史上最简单的 IntelliJ IDEA 教程](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/README.md)」系列博文中，我们已经了解了很多关于 IntelliJ IDEA 的内容啦，例如，在 Windows 系统下安装 IntelliJ IDEA、运行 IntelliJ IDEA 、创建 Java 项目以及修改 IntelliJ IDEA 主题等等，可以说，我们已经初步掌握了 IntelliJ IDEA 的使用方法啦！不过，有一个现象不知道大家注意到没有，那就是：**在我们使用 IntelliJ IDEA 创建文件的时候， 随着文件类型的不同，其显示的图标也不相同。**例如，我们分别创建`Java`、`Interface`、`Enum`和`JavaScript`文件，如下图所示：
44

5-
![1](http://img.blog.csdn.net/20170320212134839)
5+
![icons](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/icons.png)
66

7-
如上图所示，显然不同的文件类型，其显示的图标也不相同。为了能够更好的掌握 IntelliJ IDEA，在这里，咱们更进一步，了解一下 IntelliJ IDEA 各种文件类型的图标，主要分为三类：Common、Data Sources 和 File Types.
7+
如上图所示，显然不同的文件类型，其显示的图标也不相同。为了能够更好的掌握 IntelliJ IDEA，在这里，我们更进一步，了解一下 IntelliJ IDEA 各种文件类型的图标，主要分为三类：`Common`、`Data Sources`和`File Types`.
88

99
> **Common**
1010
11-
![2](http://img.blog.csdn.net/20170320212730194)
12-
![3](http://img.blog.csdn.net/20170320212746132)
13-
![4](http://img.blog.csdn.net/20170320212811741)
14-
![5](http://img.blog.csdn.net/20170320212824569)
11+
![common-1](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/common-1.png)
12+
![common-2](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/common-2.png)
13+
![common-3](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/common-3.png)
1514

1615
> **Data Sources**
1716
18-
![6](http://img.blog.csdn.net/20170320213603440)
19-
![7](http://img.blog.csdn.net/20170320213624909)
20-
![8](http://img.blog.csdn.net/20170320213638668)
17+
![data-sources-1](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/data-sources-1.png)
18+
![data-sources-2](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/data-sources-2.png)
19+
![data-sources-3](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/data-sources-3.png)
2120

2221
> **File Types**
2322
2423
IntelliJ IDEA 识别众多的文件类型，每一个文件类型都用一个特殊图标表示，也允许自定义的文件类型。每个文件类型与一个或多个特定的模式进行关联扩展。文件类型及其扩展可以在文件类型的对话框中进行配置。默认的文件类型包括：
2524

26-
![9](http://img.blog.csdn.net/20170320215016674)
27-
![10](http://img.blog.csdn.net/20170320215029892)
28-
![11](http://img.blog.csdn.net/20170320215050736)
29-
![12](http://img.blog.csdn.net/20170320215106491)
30-
![13](http://img.blog.csdn.net/20170320215122272)
31-
![14](http://img.blog.csdn.net/20170320215137283)
32-
![15](http://img.blog.csdn.net/20170320215152846)
33-
![16](http://img.blog.csdn.net/20170320215206268)
34-
![17](http://img.blog.csdn.net/20170320215222159)
25+
![file-types-1](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-1.png)
26+
![file-types-2](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-2.png)
27+
![file-types-3](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-3.png)
28+
![file-types-4](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-4.png)
29+
![file-types-5](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-5.png)
30+
![file-types-6](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-6.png)
31+
![file-types-7](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/file-types-7.png)
3532

3633
对于各种文件类型的图标，上面的`Description`已经介绍的非常详细啦，但是还有两个图标需要特别的说明一下，分别为：
3734

38-
- ![111](http://img.blog.csdn.net/20170320215853252)`Source root`，咱们可以理解为源目录，其作用就是用来专门存放 Java 类文件的，相对于编译出来的 class 文件而言，它就是源。一般默认名字叫`src`的目录就是源目录，但是在 IntelliJ IDEA 中，即使叫`srcs`也是可以设置为`Source root`的，所以源目录跟目录命名是没有关系的，因为 IntelliJ IDEA 支持将任意目录设置为`Source root`，其作用就是标记该目录下的文件是可编译的。
39-
- ![222](http://img.blog.csdn.net/20170320215948897)`Java class located out of the source root`，咱们已经知道`Source root`目录是用来告诉 IntelliJ IDEA 这是存放可编译文件的目录，而如果咱们的 Java 类文件没有放在该目录或是该目录的子包下，那么该 Java 类文件就无法进行编译，其前面就会显示这个图标。
35+
- ![tiny-1](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/tiny-1.png)`Source root`，我们可以理解为源目录，其作用就是用来专门存放 Java 类文件的，相对于编译出来的`class`文件而言，它就是源。一般默认名字叫`src`的目录就是源目录，但是在 IntelliJ IDEA 中，即使叫`srcs`也是可以设置为`Source root`的，所以源目录跟目录命名是没有关系的，因为 IntelliJ IDEA 支持将任意目录设置为`Source root`，其作用就是标记该目录下的文件是可编译的。
36+
- ![tiny-2](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/images/idea-icon/tiny-2.png)`Java class located out of the source root`，我们已经知道`Source root`目录是用来告诉 IntelliJ IDEA 这是存放可编译文件的目录，而如果我们的 Java 类文件没有放在该目录或是该目录的子包下，那么该 Java 类文件就无法进行编译，其前面就会显示这个图标。
37+
4038

4139
----------
4240
———— ☆☆☆ —— [返回 -> 史上最简单的 IntelliJ IDEA 教程 <- 目录](https://github.com/guobinhit/intellij-idea-tutorial/blob/master/README.md) —— ☆☆☆ ————

0 commit comments

Comments
 (0)