Claude Code 状态栏太绝了：CC statusline 让终端瞬间好看又高效

Sebuah status bar Claude Code yang dapat menampilkan model, Git, konteks, dan biaya secara real-time, panduan penggunaan TUI tanpa konfigurasi.

Lupakan status bar default Claude Code, CCstatusline adalah alat yang membuat terminal menjadi cantik dan fungsional. Ini dapat menampilkan informasi model, cabang Git, penggunaan Token, biaya sesi, timer, dan panah Powerline dalam satu status bar yang dapat disesuaikan, dan semua konfigurasi dilakukan secara grafis tanpa perlu mengubah file.

CCstatusline 是什么？

Ini adalah paket npm sumber terbuka untuk Claude Code yang menyediakan status bar yang dapat dikonfigurasi dengan metrik real-time, mendukung Powerline, konfigurasi TUI bawaan, dan beberapa tema.

Setelah diluncurkan, Anda dapat melihat pratinjau langsung: Ctx: 18.6k | ⎇ main | (+42,-10) . Setelah dikonfigurasi, tampilannya bisa lebih menarik.

能显示什么

Komponen (Widgets) dapat disusun sesuka hati: nama model, panjang konteks, cabang Git/perubahan, durasi sesi, timer Block 5 jam, biaya sesi, direktori kerja, teks atau output perintah kustom apa pun... Anda juga dapat mengonfigurasi beberapa status bar untuk tata letak yang berbeda.

全程 TUI 配置，无需改配置文件

Jalankan npx ccstatusline@latest untuk masuk ke antarmuka interaktif, terdapat tujuh menu: edit garis, ubah warna, pengaturan Powerline, opsi terminal, gaya global, instal ke Claude Code, simpan dan keluar. Bagian atas dapat dilihat secara langsung saat diubah.

打开 Powerline，颜值直接拉满

Pertama, di menu Powerline tekan i untuk menginstal Nerd Font, lalu tekan t untuk mengaktifkan pemisah panah. Jika pengguna Windows melihat kotak, instal Nerd Font dan atur sebagai font terminal.

快速安装步骤

• Jalankan di terminal:

npx ccstatusline@latest

atau bunx ccstatusline@latest

• Masuk ke TUI, aktifkan Powerline terlebih dahulu, lalu sesuaikan komponen, warna, dan gaya global sesuai kebutuhan.
• Pilih "Install to Claude Code" untuk menulis pengaturan, simpan dan keluar.

配置组件小贴士

• Masuk ke "Edit Lines → Line 1" gunakan ↑↓ untuk memilih komponen, a untuk menambah, d untuk menghapus, ←→ untuk beralih jenis, r untuk menampilkan nilai asli, m untuk menggabungkan.
• Anda dapat membuat 3 status bar independen, dengan pratinjau real-time.

Disarankan untuk menambahkan: model, Block Timer, Session Cost, Git Branch, Context Length.

颜色与终端选项

Di "Edit Colors" gunakan ←→ untuk memilih warna, f untuk foreground/background, b untuk bold, a untuk beralih ke 256 warna, r untuk reset. "Terminal Options" dapat memilih 16 warna/256 warna/Truecolor.

安装到 Claude Code & 运行示例

Setelah disimpan, buka Claude Code, status bar akan langsung aktif, tema dapat diubah di tema Powerline.

回到 TUI 重新改

Jalankan kembali npx ccstatusline@latest kapan saja untuk melanjutkan penyesuaian.

我喜欢的组件组合

Cabang Git + perubahan, Block Timer, Session Cost, Context Length, direktori kerja, model saat ini.

Block Timer

Claude Code memiliki blok sesi setiap 5 jam, timer ini membantu Anda mengetahui sisa waktu; tekan p untuk beralih ke mode progress bar.

Session Cost

Menampilkan biaya secara real-time, r untuk menutup label dan hanya melihat angka. Memerlukan Claude Code 1.0.85+.

Git 分支与改动

Cabang selalu ada, jumlah baris yang diubah jelas terlihat, juga ada komponen git worktree yang dapat dipilih.

上下文长度

Menghitung Token secara real-time, sesi panjang untuk menghindari batas.

自定义命令

Anda dapat menjalankan perintah shell apa pun dan memasukkan output ke dalam status bar, untuk perintah jaringan ingat untuk mengatur timeout 5000ms+. Contoh:

date +%H:%M node -v git rev-parse --short HEAD curl -s wttr.in?format="%t" npx -y ccusage@latest statusline

总结 & 注意事项

• Panah Powerline memerlukan Nerd Font.
• Session Cost memerlukan Claude Code 1.0.85+, mungkin tidak diperbarui saat /resume.
• Jika ingin mengubah konfigurasi, jalankan npx ccstatusline@latest kapan saja.