Claude Code Status Bar Sangat Hebat: CC statusline Membuat Terminal Menjadi Cantik dan Efisien

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

Lupakan status bar Claude Code yang default, CCstatusline adalah alat yang membuat terminal menjadi cantik dan berfungsi. Ia dapat menampung informasi model, cabang Git, penggunaan Token, biaya sesi, pengatur waktu, dan panah Powerline ke dalam satu status bar yang disesuaikan, dan semua ini dapat dikonfigurasi secara grafis tanpa mengubah file.

Apa itu CCstatusline?

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

Setelah diluncurkan, anda dapat melihat pratayang Langsung: Ctx: 18.6k | ⎇ main | (+42,-10) . Setelah dikonfigurasi, ia dapat menjadi lebih menarik.

Apa yang Dapat Ditampilkan

Komponen (Widgets) dapat disusun sesuka hati: nama model, panjang konteks, cabang Git/perubahan, durasi sesi, pengatur waktu Block 5 jam, biaya sesi, direktori kerja, teks atau output perintah yang disesuaikan... anda juga dapat mengatur beberapa status bar untuk tata letak yang berbeda.

Konfigurasi TUI Sepenuhnya, Tanpa Perlu Mengubah File Konfigurasi

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. Lihat perubahan secara langsung di bagian atas.

Buka Powerline, Penampilan Langsung Menjadi Menarik

Pertama, di menu Powerline tekan i untuk menginstal Nerd Font, kemudian tekan t untuk mengaktifkan pemisah panah. Pengguna Windows yang melihat kotak, cukup instal Nerd Font dan atur sebagai font terminal.

Langkah Pemasangan Cepat

• Jalankan di terminal:

npx ccstatusline@latest

atau bunx ccstatusline@latest

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

Tips Mengonfigurasi Komponen

• 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 pratayang real-time.

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

Warna dan Opsi Terminal

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

Instal ke Claude Code & Contoh Jalankan

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

Kembali ke TUI untuk Mengubah Lagi

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

Kombinasi Komponen Favorit Saya

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

Block Timer

Claude Code membuat blok sesi setiap 5 jam, pengatur waktu ini membantu anda mengetahui berapa lama yang tersisa; tekan p untuk beralih ke mode bilah kemajuan.

Session Cost

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

Cabang Git dan Perubahan

Cabang tetap ada, jumlah baris perubahan jelas terlihat, ada juga komponen git worktree yang dapat dipilih.

Panjang Konteks

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

Perintah Kustom

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

Kesimpulan & Catatan

• 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.