ccstatusline: แถบสถานะที่ปรับแต่งได้สูงสำหรับ Claude Code CLI

เมื่อใช้ Claude Code CLI ในเทอร์มินอล หน้าจอเริ่มต้นให้ข้อมูลค่อนข้างจำกัด ทำให้ผู้ใช้มักติดตามข้อมูลสำคัญแบบเรียลไทม์ได้ยาก เช่น การใช้ Token ปัจจุบัน รุ่นของโมเดลที่ใช้ หรือสถานะของ Git repository ccstatusline เป็นเครื่องมือโอเพนซอร์สที่ออกแบบมาเพื่อแก้ไขปัญหานี้ โดยเพิ่มแถบสถานะแบบเรียลไทม์ที่อุดมไปด้วยฟังก์ชันและปรับแต่งได้สูงให้กับ Claude Code CLI

ภาพรวมฟังก์ชันหลัก

ccstatusline เป็นเครื่องมือเสริมแถบสถานะที่ออกแบบมาเฉพาะสำหรับ Claude Code CLI โดยสามารถแสดงข้อมูลสำคัญหลายอย่างแบบเรียลไทม์ที่ด้านล่างของเทอร์มินอล ได้แก่:
– ชื่อโมเดลที่ใช้อยู่ในปัจจุบัน
– ปริมาณและอัตราการใช้ Token ในการอินพุต/เอาต์พุต
– สาขาและสถานะของ Git
– ระยะเวลาของเซสชัน
– สถานะการใช้หน่วยความจำของระบบ

เครื่องมือนี้รองรับการแสดงผลสไตล์ Powerline ซึ่งมีสไตล์ภาพด้วยตัวคั่นรูปลูกศร ช่วยเพิ่มความหนาแน่นของข้อมูลและความสวยงามของอินเทอร์เฟซเทอร์มินอลได้อย่างชัดเจน

ที่อยู่โปรเจกต์โอเพนซอร์ส: https://github.com/sirmalloc/ccstatusline

คุณสมบัติหลัก

1. คอมโพเนนต์ที่ปรับแต่งได้หลากหลาย

ccstatusline มี Widgit คอมโพเนนต์ให้เลือกมากกว่า 25 รายการ ผู้ใช้สามารถรวมส่วนที่ต้องการแสดงได้ตามความต้องการ คอมโพเนนต์ที่มีครอบคลุมหลายด้าน เช่น:
– ชื่อโมเดลและสถิติ Token
– สถานะสาขา Git
– ระยะเวลาเซสชัน
– การตรวจสอบทรัพยากรระบบ (หน่วยความจำ)
– ตัวบ่งชี้โหมด Vim
– การแสดงระดับ Thinking Effort
– ชื่อ Skill ที่เปิดใช้งานอยู่
– การคำนวณ Token rate แบบหน้าต่างเลื่อน

2. การแสดงผลสไตล์ Powerline

เครื่องมือรองรับการแสดงผลภาพสไตล์ Powerline มีเลย์เอาต์พร้อมตัวคั่นรูปลูกศร และอนุญาตให้ผู้ใช้ปรับแต่งโทนสีได้เอง เมื่อใช้ร่วมกับฟอนต์ Nerd Font (เช่น JetBrains Mono Nerd Font ที่แนะนำอย่างเป็นทางการ) จะได้เอฟเฟกต์ภาพในเทอร์มินอลที่ดีขึ้น

3. รองรับแถบสถานะหลายบรรทัด

ผู้ใช้สามารถกำหนดจำนวนบรรทัดแถบสถานะอิสระได้หลายบรรทัด เช่น วางข้อมูลโมเดลและ Token ในบรรทัดแรก และข้อมูล Git กับเซสชันในบรรทัดที่สอง เพื่อควบคุมความหนาแน่นและเลย์เอาต์ของการแสดงข้อมูลได้อย่างยืดหยุ่น

4. อินเทอร์เฟซการกำหนดค่าภายในเทอร์มินอลแบบโต้ตอบ

ccstatusline ใช้เฟรมเวิร์ก React และ Ink สร้างอินเทอร์เฟซการกำหนดค่าแบบโต้ตอบภายในเทอร์มินอล (TUI) ผู้ใช้ไม่จำเป็นต้องแก้ไขไฟล์การกำหนดค่า JSON ด้วยตนเอง แต่สามารถดำเนินการเลือกคอมโพเนนต์ ปรับสี ตั้งค่าตัวคั่น ฯลฯ ผ่านการคลิกได้โดยตรง ทำให้ประสบการณ์การกำหนดค่าสะดวกและใช้งานง่าย

5. ความเข้ากันได้ข้ามแพลตฟอร์ม

เครื่องมือรองรับระบบ macOS, Linux และ Windows บน Windows เข้ากันได้กับ PowerShell 5.1+, CMD และ WSL และสามารถติดตั้ง Nerd Font ที่จำเป็นได้โดยอัตโนมัติ รันไทม์รองรับ Node.js และ Bun โดยการใช้ Bun มักจะได้ความเร็วในการดำเนินการที่เร็วกว่า

เริ่มต้นใช้งานอย่างรวดเร็ว

การใช้ ccstatusline ง่ายมาก ไม่จำเป็นต้องติดตั้งล่วงหน้า สามารถเริ่มต้นด้วยคำสั่งใดคำสั่งหนึ่งต่อไปนี้:

bash

ใช้ npm

npx -y ccstatusline@latest

ใช้ Bun (ประสิทธิภาพดีกว่า)

bunx -y ccstatusline@latest

หลังจากรันคำสั่งแล้ว จะเริ่มอินเทอร์เฟซการกำหนดค่าแบบโต้ตอบ หลังจากกำหนดค่าเสร็จ ไฟล์การตั้งค่าจะถูกบันทึกไว้ที่ ~/.config/ccstatusline/settings.json ต่อจากนี้สามารถแก้ไขไฟล์นี้โดยตรงเพื่อปรับแต่งเพิ่มเติมได้

หากไดเรกทอรีการกำหนดค่า Claude ไม่ได้อยู่ที่ตำแหน่งเริ่มต้น สามารถระบุเส้นทางได้โดยการตั้งค่าตัวแปรสภาพแวดล้อม CLAUDE_CONFIG_DIR

สรุป

สำหรับนักพัฒนาที่ใช้ Claude Code CLI บ่อยครั้ง ccstatusline เป็นเครื่องมือที่มีประโยชน์ซึ่งสามารถเพิ่มประสิทธิภาพการทำงานและประสบการณ์ในเทอร์มินอลได้อย่างมีนัยสำคัญ คอมโพเนนต์ที่หลากหลาย ความสามารถในการปรับแต่งสูง และการกำหนดค่าแบบโต้ตอบที่เป็นมิตร ทำให้ผู้ใช้สามารถสร้างแผงข้อมูลที่ตรงกับความต้องการส่วนบุคคลได้อย่างง่ายดาย

⚠️ หมายเหตุ: เนื้อหาได้รับการแปลโดย AI และตรวจสอบโดยมนุษย์ หากมีข้อผิดพลาดโปรดแจ้ง

☕ สนับสนุนค่ากาแฟทีมงาน

หากคุณชอบบทความนี้ สามารถสนับสนุนเราได้ผ่าน PromptPay

SCAN TO PAY WITH ANY BANK