> For the complete documentation index, see [llms.txt](https://einverne.gitbook.io/intellij-idea-tutorial/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://einverne.gitbook.io/intellij-idea-tutorial/file-symbols-introduce.md).

# 11. 常见各类文件类型图标（新用户必看）

## Java 类相关图标介绍

![Java 类相关图标介绍](https://375000346-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5dleMkP-Zf7JMwlh7e%2F-M5dleoMUK8SaS2U4MaS%2F-M5dliyUy1upqx9VYaeS%2Fxi-a-file-symbols-1.jpg?generation=1587691351642046\&alt=media)

> * 官网地址：<http://www.jetbrains.com/idea/webhelp/symbols.html>
>
> * 对于各个图标，上图的 `Description` 写得非常详细，但是有几个还是需要进行特别的说明下。
>
> > - ![](https://375000346-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5dleMkP-Zf7JMwlh7e%2F-M5dleoMUK8SaS2U4MaS%2F-M5dliyW_45zto0qKl9s%2Fxi-a-file-symbols-2.gif?generation=1587691351924253\&alt=media) `Source root`，你可以理解为源目录，源码的作用就是用来专门放 Java 类文件，相对于编译出来的 class 文件而言，它就是源。我们一般默认名字叫 `src` 的目录就是源目录，但是其实并不是这样的，在 IntelliJ IDEA 中，即使叫 `srcs` 也是可以设置为 `Source root`，所以源目录跟目录命名是没有关系的，而是在于 IntelliJ IDEA 支持对任意目录进行设置为 `Source root`，具体设置在会后面章节进行详解。 `Source root` 的作用是标记该目录下的文件是可编译的。
> > - ![](https://375000346-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5dleMkP-Zf7JMwlh7e%2F-M5dleoMUK8SaS2U4MaS%2F-M5dliyY9LUfbgPaplvE%2Fxi-a-file-symbols-3.png?generation=1587691351338479\&alt=media) `Java class located out of the source root`，由于上一条我们知道 `Source root` 目录是用来告诉 IntelliJ IDEA 这是编译目录，而假如你 Java 类文件没有放在该目录或是该目录的子包下，那该 Java 类则无法编译，就会被表示成这个图标。

## 各类文件类型图标介绍

![各类文件类型图标介绍](https://375000346-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5dleMkP-Zf7JMwlh7e%2F-M5dleoMUK8SaS2U4MaS%2F-M5dliy_mmFmMlOE2J_6%2Fxi-b-file-symbols-1.jpg?generation=1587691351900430\&alt=media)

> * 官网地址：<http://www.jetbrains.com/idea/webhelp/file-types-recognized-by-intellij-idea.html>
>
> * 对于各个图标，上图的介绍得非常清楚，我这边只做一个类型文件的补充。
>
> > - JavaScript 两种图标介绍![](https://375000346-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5dleMkP-Zf7JMwlh7e%2F-M5dleoMUK8SaS2U4MaS%2F-M5dliybvGoBpeKBjFGr%2Fxi-b-file-symbols-2.png?generation=1587691352144792\&alt=media)&#x20;
> > - 如上图所示，对于压缩过的 JavaScript 文件，图标会有 `010`图案。