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

สามโซน
Sidebar ด้านซ้าย
Sidebar ด้านซ้ายคือ project hub ของคุณ มันแสดงสแต็กแนวตั้งของไอคอนที่มีรหัสสี — หนึ่งไอคอนต่อโปรเจกต์ สีทำให้คุณบอกโปรเจกต์ของคุณแยกได้ในพริบตาโดยไม่ต้องอ่านข้อความใดๆ
ด้านล่างของ sidebar คุณจะพบไอคอนนำทางสำหรับการตั้งค่าglobal, session manager และการควบคุมระดับแอปอื่นๆ
เพื่อสลับโปรเจกต์ เพียงคลิกไอคอนโปรเจกต์ใดๆ 1DevTool กู้คืนชุด panels และ terminals ที่คุณเปิดอยู่ทันทีเมื่อคุณทำงานในโปรเจกต์นั้นครั้งล่าสุด โปรเจกต์ก่อนหน้าของคุณยังคงทำงานเงียบๆ ในพื้นหลัง — ไม่มีอะไรถูกฆ่า
พื้นที่หลัก
พื้นที่หลักเป็นภูมิภาคกลางขนาดใหญ่ที่ทุกสิ่งเกิดขึ้น มันประกอบด้วย panels — หน้าต่างแต่ละตัวที่ทำหน้าที่หนึ่ง purpose คุณสามารถมีหลาย panels เปิดพร้อมกัน จัดเรียงคู่กันหรือใน grid
นี่คือประเภท panels ที่มีอยู่ใน 1DevTool:
| Panel | ทำอะไร |
|---|---|
| Terminal | Terminal เต็มที่คุณรัน AI agents (Claude Code, Codex, Gemini CLI) หรือคำสั่ง shell ใดๆ |
| Database | Browse และ query databases ของคุณแบบภาพโดยไม่ต้องใช้แอป GUI แยก |
| HTTP Client | ส่ง API requests และตรวจสอบ responses เหมือน Postman ในตัว |
| Git | Stage การเปลี่ยนแปลง เขียน commit messages และดู diffs — ทั้งหมดโดยไม่ต้องออกจาก 1DevTool |
| Browser | Browser 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 สำหรับเข้าถึงทันที
- แสดงชื่อโปรเจกต์ — การเตือนว่าโปรเจกต์ใดใช้งานอยู่ปัจจุบัน