给你的 Claude Code 装上一个超酷的状态栏。 逛逛GitHub

0 阅读3分钟

最近在 GitHub 上发现了一个叫 ccstatusline 的开源项目,6.7K 的Star。

专门给 Claude Code CLI 加一个实时状态栏。

用 Claude Code 的人都知道,默认的终端界面信息量很少。

跑着跑着你也不知道现在用了多少 Token、当前是什么模型、Git 在哪个分支上。

ccstatusline 就是解决这个问题的,而且做得还挺顶的。

01、项目到底能干嘛

ccstatusline 是一个高度可定制的 Claude Code CLI 状态栏工具。

可以在终端底部实时显示各种关键信息:模型名称、Token 用量、Git 分支、会话时长、内存占用等等。

还支持 Powerline 风格渲染,就是那种带箭头分隔符的好看样式。

终端瞬间从毛坯房变精装修。

开源地址:https://github.com/sirmalloc/ccstatusline

看了一下这个项目,有几个点还是很吸引人的。

① 25+ 组件随便拼

ccstatusline 内置了 25 个以上的 Widget 组件,你想显示什么就显示什么。

比如当前模型名称、Token 输入输出速度、Git 分支状态、Session 时长、内存占用。

还有 Vim 模式指示器、Thinking Effort 等级、当前激活的 Skill 名称,甚至还有 Token 速度的滚动窗口计算。

说白了就是你在 Claude Code 里面想看到的信息,基本都有对应的组件。

② Powerline 风格

支持 Powerline 风格的渲染,就是那种带箭头分隔符、可以自定义配色的样式。

如果你用过 Oh My Zsh 或者 Starship 这种终端美化工具,你就知道这个效果有多好看。

配合 Nerd Font 字体,视觉效果拉满。官方推荐用 JetBrains Mono Nerd Font。

③ 多行状态栏

不限行数,你可以同时配置多条独立的状态栏。

比如第一行显示模型和 Token 信息,第二行显示 Git 和会话信息。

信息密度想拉多高就多高,完全看你自己的需求。

④ 交互式 TUI 配置

这个是我觉得做得很用心的地方。

ccstatusline 用 React 和 Ink 做了一个终端里的交互式配置界面,不用手写 JSON。

直接在终端里点点选选,选组件、调颜色、改分隔符,配完直接保存,非常方便。

对于不喜欢翻文档改配置文件的人来说体验很好。

⑤ 跨平台支持

macOS、Linux、Windows 都能跑。

Windows 上支持 PowerShell 5.1+、CMD 和 WSL,还能自动安装 Nerd Font。

运行时方面,Node.js 和 Bun 都支持,用 Bun 跑会更快一些。

02、如何使用

这个工具用起来非常简单,甚至不需要安装。

直接一行命令跑起来:

#用 npm
npx -y ccstatusline@latest


#用 Bun(更快)
bunx -y ccstatusline@latest

跑完之后会弹出交互式的配置界面,选好你想要的组件和样式就行了。

配置文件会保存在 ~/.config/ccstatusline/settings.json,后续想微调也可以直接改这个文件。

不过,我更喜欢直接把开源项目链接丢给 Claude Code,让它自己去装。

如果你的 Claude 配置目录不在默认位置,可以通过 CLAUDE_CONFIG_DIR 环境变量指定。

对于重度使用 Claude Code 的开发者来说,ccstatusline 是一个非常实用的小工具。

而且配置起来也不费劲,交互式 TUI 几分钟就搞定了。

目前 GitHub 上有不少类似的 Claude Code 状态栏工具,比如 claude-powerline、cc-statusline 等等。

但 ccstatusline 在组件数量和自定义程度上确实挺全的。

喜欢折腾终端的可以试试。