侧边栏字体大小必须通过编辑 styles.less 文件修改,因为 settings → editor 中的 fontsize 设置仅影响编辑区,对 .tree-view 等 ui 元素无效;需添加 .tree-view { font-size: 16px; } 并确保文件编码为 utf-8(无 bom),必要时加 !important 覆盖主题样式。

侧边栏字体大小无法通过 Settings → Editor 调整,必须手动编辑 styles.less 文件。
.tree-view 字体大小怎么改
Atom 的侧边栏(即文件树)由 .tree-view CSS 类控制,它完全独立于编辑区字体设置。你在 Settings → Editor 里调的 fontSize 对它毫无影响。
- 打开 Atom → Stylesheet…(菜单路径:Atom → Developer → Toggle Developer Tools 后可快速定位,或直接按
Ctrl+,进 Settings → Core → Open Your Stylesheet) - 确保文件编码是 UTF-8(无 BOM),否则规则不生效
- 添加或修改这一行:
.tree-view { font-size: 16px; }(数值按需调整) - 保存后 Atom 实时重载,无需重启
为什么改了 config.cson 没用
config.cson 中的 editor.fontSize 只作用于 atom-text-editor 区域,也就是代码编辑框本身。侧边栏、标签页、状态栏、命令面板等所有 UI 元素都不读这个配置。
- 常见误操作:在
config.cson里写treeViewFontSize: 14—— Atom 官方不识别该字段,会被忽略 - UI 元素样式全部走 CSS 层,
styles.less是唯一可靠入口 - 如果用了主题(如
atom-material-ui),它的内置样式可能覆盖你的设置,建议在styles.less末尾加!important强制生效(例如:.tree-view { font-size: 16px !important; })
缩放整个界面?别信 zoom-bar 插件
zoom-bar 或 atom-zoom 类插件只放大编辑器文字,对 .tree-view、.status-bar、.tab-bar 等零作用——这不是插件缺陷,而是 Atom 架构限制。
- Atom 基于老旧 Electron 版本(1.6–2.x),不支持
window.zoomLevel全局缩放 - 强行给
html加transform: scale()会导致布局错位、点击区域偏移、图标模糊 - 真要统一缩放,只能逐个写 CSS:比如同时设
.tree-view、.tab-bar .tab、.status-bar的font-size和配套height/line-height
真正容易被忽略的是 styles.less 的编码格式和主题层叠顺序:UTF-8(无 BOM)是硬性前提,而主题自带的样式往往比你写的更具体,所以必要时得用 !important 或提高选择器权重(比如 .tree-view .file .name)。











