直接安装 file-icons 插件即可开箱即用，覆盖200+主流文件类型，无需手动配置或添加字体；推荐通过Atom内置包管理器安装，安装后必须重启才能生效；图标缺失多因文件类型未被正确识别，需右下角手动指定语法或在插件设置中添加后缀映射。
直接装 file-icons 插件就行，不用手动改配置或加图标字体文件。 它开箱即用，覆盖主流文件类型，包括 .js、.ts、.json、.yml、.gitignore 等 200+ 种，不需要你一个个定义。
安装 file-icons 插件的两种可靠方式
推荐优先用 Atom 内置包管理器，稳定且免依赖冲突：
- 打开 Atom →
File > Settings（Windows/Linux）或Atom > Preferences（macOS） - 点
Install标签页，搜索file-icons - 认准作者是
file-icons团队（不是 fork 或重命名版本），点Install - 安装完必须重启 Atom，否则 tree-view 和 tabs 不会显示图标
命令行方式仅适合熟悉 apm 的用户：
- 确保已安装
apm（随 Atom 自带，路径通常在~/.atom/bin/apm或%LOCALAPPDATA%\atom\bin\apm） - 终端执行：
apm install file-icons - 若提示
apm: command not found，不要用npm install -g apm—— 那是错的，应重装 Atom 或手动添加 bin 目录到 PATH
为什么有些文件没图标？常见原因和对策
不是插件失效，而是 Atom 没识别出文件类型，或插件未覆盖该后缀：
-
.env、.editorconfig、.prettierrc这类配置文件，Atom 默认可能归为text.plain，需手动指定语法：右下角点击当前语言名（如 Plain Text）→ 选对应类型（如 Shell Script、INI、JSON） - 自定义后缀如
.vue.ts或.astro，默认不支持，得进Packages > file-icons > Settings，在File Associations里加映射，格式为：.astro: html（冒号后填已有支持的类型名） - 图标仍不出现？检查是否被其他插件干扰，比如
tree-view被禁用，或主题 CSS 覆盖了图标样式（可临时切换为 Atom 默认主题验证）
图标颜色/大小调不了？看设置项是否生效
file-icons 的设置项只在重启 Atom 后才完全加载，尤其颜色模式：
- 进入
Packages > file-icons > Settings -
Icon Color设为Monochrome后，如果还是彩色，说明主题 CSS 强制设了 color（比如某些暗色主题会覆盖.icon:before） -
Icon Size改为16px没反应？确认没在styles.less里写死.file-icon { font-size: 12px !important; }这类覆盖规则 - 想微调某类图标位置或间距？别动插件源码，直接在 Atom 的
styles.less（Atom > Styles…）里加局部 CSS，例如：.icon[data-name$=".ts"] { color: #007acc; }
真正容易被忽略的是：文件图标依赖 Atom 对文件类型的准确识别，而不是单纯看后缀。比如一个没后缀的脚本文件，即使你把它命名为 deploy，也得先在编辑器里手动设成 Shell Script，file-icons 才会显示对应图标。这点比 VS Code 更“被动”，得养成右下角确认语言模式的习惯。
