Atom Tree View 折叠箭头不显示是因字体图标缺失及 CSS 重绘阻塞；需在 styles.less 中注入自定义 ::before 规则强制显示，同时启用 core.excludeVcsIgnoredPaths 避免 DOM 重排卡顿。
Atom 的 Tree View 默认不显示项目符号（如 ▶ ▼ 之类的折叠箭头），这不是 bug，是 Electron 渲染层对 SVG 图标 + CSS transition 的主动降级策略——尤其在高 DPI 或远程桌面场景下，图标渲染易卡顿或错位。要稳定显示且不影响性能，得绕过默认样式机制。
Tree View 折叠箭头不显示的直接原因
Atom 1.60+ 版本起，tree-view 包默认使用 CSS ::before 伪元素 + 字体图标（如 FontAwesome）绘制箭头，但该字体未随 Atom 打包，且系统缺失时会 fallback 到空白。更关键的是：若启用了 useTreeSitterParsers: true 或安装了 minimap，CSS 重绘队列会被阻塞，导致箭头始终不出现。
- 检查是否生效：打开开发者工具（
Ctrl+Shift+I），选中 tree-view 中的目录项，看::before元素是否存在、content值是否为"▶"或"▼" - 常见诱因：
file-icons插件未启用缓存、atom-material-ui主题覆盖了tree-view的list-tree样式、Linux 下缺少fonts-font-awesome系统包
强制显示项目符号的 CSS 注入法
不依赖插件或主题，直接改 Atom 的用户样式表。编辑 ~/.atom/styles.less（不存在则新建），插入以下规则：
.tree-view .header .name::before {
content: "▶";
margin-right: 6px;
font-size: 12px;
}
.tree-view .directory .selected::before,
.tree-view .directory.expanded > .header .name::before {
content: "▼";
}
保存后无需重启，Atom 会自动重载样式。注意两点：
- 不要用 Unicode ✅/❌ 类图标——它们在不同字体下宽度不一致，会导致目录项文字错位
- 避免加
!important——tree-view自身的 CSS 权重已足够，硬加反而干扰折叠动画
目录树滚动卡顿与项目符号冲突
开启项目符号后若发现 Tree View 滚动变慢，大概率是 minimap 或 project-manager 在监听 tree-view 的 DOM 变化。此时箭头虽显示，但每次展开/折叠都触发额外计算。
- 临时验证：启动
atom --safe /path/to/project，若箭头正常且滚动流畅，说明是插件冲突 - 定位插件：运行
apm list --installed | grep -E "(minimap|project-manager|file-icons)" - 最小修复：在
config.cson的'*'节点下添加treeView: { hideVcsIgnoredFiles: true }，减少 DOM 节点数量
真正影响 Tree View 性能的从来不是项目符号本身，而是它背后触发的 DOM 重排链路——尤其是当文件数超 5000 时，每个 ::before 都要参与 layout 计算。所以别只盯着箭头样式调，先确认 core.excludeVcsIgnoredPaths 是否设为 true，这才是根治卡顿的起点。
