ภาพรวม Workspace

เข้าใจสามโซนของ 1DevTool และ panels ทำงานร่วมกันอย่างไร

เมื่อคุณเปิด 1DevTool เป็นครั้งแรก หน้าจอแบ่งเป็นสามโซนต่างกัน แต่ละโซนมีงานเฉพาะ และเมื่อคุณเข้าใจว่าอะไรอยู่ที่ไหน คุณจะรู้สึกเหมือนอยู่บ้านภายในไม่กี่นาที

พื้นที่ทำงาน 1DevTool เต็ม

สามโซน

Sidebar ด้านซ้ายคือ project hub ของคุณ มันแสดงสแต็กแนวตั้งของไอคอนที่มีรหัสสี — หนึ่งไอคอนต่อโปรเจกต์ สีทำให้คุณบอกโปรเจกต์ของคุณแยกได้ในพริบตาโดยไม่ต้องอ่านข้อความใดๆ

ด้านล่างของ sidebar คุณจะพบไอคอนนำทางสำหรับการตั้งค่าglobal, session manager และการควบคุมระดับแอปอื่นๆ

เพื่อสลับโปรเจกต์ เพียงคลิกไอคอนโปรเจกต์ใดๆ 1DevTool กู้คืนชุด panels และ terminals ที่คุณเปิดอยู่ทันทีเมื่อคุณทำงานในโปรเจกต์นั้นครั้งล่าสุด โปรเจกต์ก่อนหน้าของคุณยังคงทำงานเงียบๆ ในพื้นหลัง — ไม่มีอะไรถูกฆ่า

พื้นที่หลัก

พื้นที่หลักเป็นภูมิภาคกลางขนาดใหญ่ที่ทุกสิ่งเกิดขึ้น มันประกอบด้วย panels — หน้าต่างแต่ละตัวที่ทำหน้าที่หนึ่ง purpose คุณสามารถมีหลาย panels เปิดพร้อมกัน จัดเรียงคู่กันหรือใน grid

นี่คือประเภท panels ที่มีอยู่ใน 1DevTool:

Panelทำอะไร
TerminalTerminal เต็มที่คุณรัน AI agents (Claude Code, Codex, Gemini CLI) หรือคำสั่ง shell ใดๆ
DatabaseBrowse และ query databases ของคุณแบบภาพโดยไม่ต้องใช้แอป GUI แยก
HTTP Clientส่ง API requests และตรวจสอบ responses เหมือน Postman ในตัว
GitStage การเปลี่ยนแปลง เขียน commit messages และดู diffs — ทั้งหมดโดยไม่ต้องออกจาก 1DevTool
BrowserBrowser panel จริงเพื่อให้คุณพรีวิวแอปขณะสร้าง
IDE Stripการนำทางไฟล์ด่วนและปุ่มลัด editor คู่กับ terminals ของคุณ

Status Bar

แถบเล็กตามด้านล่างสุดของหน้าต่างคือ status bar มันคงมองเห็นไม่ว่าคุณกำลังทำอะไรและแสดง:

  • ชื่อโปรเจกต์ปัจจุบัน
  • จำนวน terminal sessions ที่ใช้งานอยู่
  • การใช้ทรัพยากรระบบ (CPU และ memory)
  • ไอคอน session manager — คลิกเพื่อดูทุก terminal session ที่รันอยู่Across โปรเจกต์ทั้งหมด

ทำงานกับ Panels

เพิ่ม Panel

คลิกปุ่ม + ใน header ของ panel ใดๆ เพื่อเปิด panel picker เลือกประเภท panel ที่คุณต้องการและมันปรากฏใน slot ที่ว่างถัดไปในพื้นที่หลัก

คุณยังสามารถใช้ toolbar ด้านบนของพื้นที่หลัก —它有ปุ่มเพิ่มด่วนสำหรับทุกประเภท panel เพื่อให้คุณเปิดสิ่งที่คุณต้องการโดยไม่ต้องนำทางเมนู

ปรับขนาด Panels

Hover cursor ของคุณเหนือ divider ระหว่างสอง panels Cursor เปลี่ยนเป็น resize handle (ลูกศรสองหัว) คลิกและลากเพื่อให้พื้นที่มากขึ้นกับ panel ที่คุณต้องการ

เคล็ดลับ: สำหรับโฟกัสชั่วคราว กด Cmd+Shift+F (Mac) หรือ Ctrl+Shift+F (Windows) เพื่อขยาย panel ที่ใช้งานอยู่ให้เต็มพื้นที่หลัก กดปุ่มลัดเดียวกันอีกครั้งเพื่อกลับไปยัง layout ก่อนหน้า

ปิด Panel

คลิก × บนแท็บของ panel หรือกด Cmd+W (Mac) / Ctrl+W (Windows) ขณะ panel โฟกัสอยู่ การปิด panel ไม่ ฆ่า process ใดๆ ที่ทำงานอยู่ภายในมัน Terminals ยังคงทำงานในพื้นหลังและสามารถเชื่อมต่อใหม่ได้ตลอดเวลาจาก session manager ใน status bar

สลับระหว่างโปรเจกต์

คลิกไอคอนใดๆ ใน sidebar ด้านซ้ายเพื่อสลับโปรเจกต์ 1DevTool จัดการการสลับ context ทันที:

  • Panels ของคุณสำหรับโปรเจกต์ใหม่ถูกกู้คืนตรงตามที่คุณทิ้งไว้
  • Terminal sessions สำหรับโปรเจกต์ก่อนหน้ายังคงทำงานในพื้นหลัง
  • Status bar อัปเดตเพื่อสะท้อนโปรเจกต์ที่ใช้งานอยู่ใหม่

คุณยังสามารถกด Cmd+1 ถึง Cmd+9 (Mac) หรือ Ctrl+1 ถึง Ctrl+9 (Windows) เพื่อกระโดดตรงไปโปรเจกต์ตามตำแหน่งใน sidebar — ไม่ต้องใช้เมาส์

Toolbar ด้านบน

Toolbar นั่งด้านบนของพื้นที่หลักและให้คุณเข้าถึงด่วนกับการกระทำที่พบบ่อยที่สุด:

  • Layout switcher — สลับระหว่าง grid 2×2, column view และ fullscreen (ดู Layout Modes)
  • ปุ่มเพิ่ม panel — หนึ่งปุ่มต่อประเภท panel สำหรับเข้าถึงทันที
  • แสดงชื่อโปรเจกต์ — การเตือนว่าโปรเจกต์ใดใช้งานอยู่ปัจจุบัน