Claude Code สถานะบาร์สุดเจ๋ง: CC statusline ทำให้เทอร์มินัลสวยงามและมีประสิทธิภาพในทันที

สถานะบาร์ของ Claude Code ที่สามารถแสดงโมเดล, Git, บริบท, ค่าใช้จ่ายแบบเรียลไทม์ คู่มือการใช้งาน TUI แบบไม่มีการตั้งค่า

ลืมสถานะบาร์เริ่มต้นของ Claude Code ไปได้เลย เพราะ CCstatusline คือเครื่องมือที่ทำให้เทอร์มินัลทั้งสวยงามและมีประสิทธิภาพ มันสามารถบรรจุข้อมูลโมเดล, สาขา Git, การใช้ Token, ค่าใช้จ่ายของเซสชัน, ตัวจับเวลา, และลูกศร Powerline ทั้งหมดในสถานะบาร์ที่กำหนดเอง และยังสามารถตั้งค่าได้แบบกราฟิกโดยไม่ต้องแก้ไขไฟล์

CCstatusline คืออะไร?

มันคือแพ็คเกจ npm แบบโอเพ่นซอร์สที่มุ่งเน้นไปที่ Claude Code ซึ่งให้สถานะบาร์ที่สามารถตั้งค่าได้พร้อมกับตัวชี้วัดแบบเรียลไทม์ รองรับ Powerline, การตั้งค่า TUI ในตัว, และธีมหลายชุด

เมื่อเริ่มต้นคุณจะเห็นการแสดงผลแบบ Live: Ctx: 18.6k | ⎇ main | (+42,-10) หลังจากการตั้งค่าแล้วมันยังสามารถดูสวยงามมากขึ้น

สามารถแสดงอะไรได้บ้าง

สามารถรวมส่วนประกอบ (Widgets) ได้ตามต้องการ: ชื่อโมเดล, ความยาวบริบท, สาขา Git/การเปลี่ยนแปลง, ระยะเวลาเซสชัน, ตัวจับเวลา Block 5 ชั่วโมง, ค่าใช้จ่ายของเซสชัน, โฟลเดอร์ทำงาน, ข้อความหรือผลลัพธ์คำสั่งที่กำหนดเองใด ๆ... และยังสามารถตั้งค่าสถานะบาร์หลายบาร์เพื่อจัดเรียงแยกกัน

การตั้งค่า TUI แบบเต็มรูปแบบ ไม่ต้องแก้ไขไฟล์การตั้งค่า

รัน npx ccstatusline@latest เพื่อเข้าสู่หน้าต่างโต้ตอบ มีเมนูเจ็ดรายการ: แก้ไขบรรทัด, เปลี่ยนสี, การตั้งค่า Powerline, ตัวเลือกเทอร์มินัล, รูปแบบทั่วโลก, ติดตั้งไปยัง Claude Code, บันทึกและออก ดูการเปลี่ยนแปลงได้ทันทีที่ด้านบน

เปิด Powerline ทำให้ความสวยงามเพิ่มขึ้นทันที

ก่อนอื่นในเมนู Powerline ให้กด i เพื่อติดตั้ง Nerd Font จากนั้นกด t เพื่อเปิดการแยกด้วยลูกศร ผู้ใช้ Windows หากเห็นกรอบให้ติดตั้ง Nerd Font และตั้งเป็นฟอนต์ของเทอร์มินัล

ขั้นตอนการติดตั้งอย่างรวดเร็ว

• รันในเทอร์มินัล:

npx ccstatusline@latest

หรือ bunx ccstatusline@latest

• เข้าสู่ TUI เปิด Powerline ก่อน จากนั้นปรับส่วนประกอบ, สี, รูปแบบทั่วโลกตามต้องการ
• เลือก "Install to Claude Code" เพื่อบันทึกการตั้งค่าและออก

เคล็ดลับการตั้งค่าส่วนประกอบ

• เข้าสู่ "Edit Lines → Line 1" ใช้ ↑↓ เพื่อเลือกส่วนประกอบ, a เพื่อเพิ่ม, d เพื่อลบ, ←→ เพื่อสลับประเภท, r เพื่อแสดงค่าดั้งเดิม, m เพื่อรวม
• สามารถสร้างสถานะบาร์อิสระ 3 บาร์และดูตัวอย่างแบบเรียลไทม์

แนะนำให้เพิ่ม: โมเดล, Block Timer, Session Cost, Git Branch, Context Length

สีและตัวเลือกเทอร์มินัล

ใน "Edit Colors" ใช้ ←→ เพื่อเลือกสี, f สำหรับพื้นหน้า/พื้นหลัง, b สำหรับตัวหนา, a เพื่อสลับ 256 สี, r เพื่อรีเซ็ต "Terminal Options" สามารถเลือก 16 สี/256 สี/Truecolor

ติดตั้งไปยัง Claude Code & ตัวอย่างการรัน

หลังจากบันทึกแล้วเปิด Claude Code สถานะบาร์จะมีผลทันที ธีมสามารถสลับได้ในธีม Powerline

กลับไปที่ TUI เพื่อปรับเปลี่ยนใหม่

สามารถรัน npx ccstatusline@latest เพื่อปรับเปลี่ยนได้ตลอดเวลา

การรวมส่วนประกอบที่ฉันชอบ

สาขา Git + การเปลี่ยนแปลง, Block Timer, Session Cost, Context Length, โฟลเดอร์ทำงาน, โมเดลปัจจุบัน

Block Timer

Claude Code จะมีเซสชันบล็อกทุก 5 ชั่วโมง ตัวจับเวลานี้ช่วยให้คุณรู้ว่ามีเวลาเหลืออีกเท่าไหร่; กด p เพื่อสลับโหมดแถบความก้าวหน้า

Session Cost

แสดงค่าใช้จ่ายแบบเรียลไทม์, r ปิดแท็บเพื่อดูเฉพาะตัวเลข ต้องการ Claude Code 1.0.85+

สาขา Git และการเปลี่ยนแปลง

สาขาจะอยู่ตลอดเวลา, จำนวนบรรทัดการเปลี่ยนแปลงชัดเจน, ยังมีส่วนประกอบ git worktree ให้เลือก

ความยาวบริบท

นับ Token แบบเรียลไทม์, เซสชันที่ยาวจะหลีกเลี่ยงการเกินขีดจำกัด

คำสั่งที่กำหนดเอง

สามารถรันคำสั่ง shell ใด ๆ และนำผลลัพธ์ไปใส่ในสถานะบาร์ คำสั่งเครือข่ายควรตั้งค่า timeout เป็น 5000ms+ ตัวอย่าง:

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

สรุป & ข้อควรระวัง

• ลูกศร Powerline ต้องการ Nerd Font
• Session Cost ต้องการ Claude Code 1.0.85+, อาจไม่อัปเดตในขณะ /resume
• หากต้องการเปลี่ยนการตั้งค่าให้รัน npx ccstatusline@latest ได้ตลอดเวลา