Tổng Quan Workspace
Hiểu ba vùng của 1DevTool và cách các panels hoạt động cùng nhau.
Khi bạn mở 1DevTool lần đầu, màn hình được chia thành ba vùng riêng biệt. Mỗi vùng có công việc cụ thể, và khi bạn hiểu gì sống ở đâu, bạn sẽ cảm thấy quen thuộc trong vài phút.

Ba Vùng
Sidebar Trái
Sidebar trái là project hub của bạn. Nó hiển thị stack dọc các icon được tô màu — một icon cho mỗi project. Màu sắc giúp dễ phân biệt projects ngay lập tức mà không cần đọc text.
Ở cuối sidebar bạn sẽ tìm thấy navigation icons cho settings toàn cục, session manager, và các app-level controls khác.
Để chuyển project, chỉ cần click bất kỳ icon project nào. 1DevTool ngay lập tức khôi phục bộ panels và terminals chính xác bạn đang mở khi lần cuối làm việc trong project đó. Project trước tiếp tục chạy âm thầm trong nền — không gì bị kill.
Khu Vực Chính
Khu vực chính là vùng trung tâm lớn nơi mọi thứ diễn ra. Nó được tạo thành từ panels — các cửa sổ riêng lẻ mỗi cái phục vụ một mục đích. Bạn có thể mở nhiều panels cùng lúc, sắp xếp cạnh nhau hoặc trong grid.
Dưới đây là các loại panel có sẵn trong 1DevTool:
| Panel | Chức năng |
|---|---|
| Terminal | Terminal đầy đủ nơi bạn chạy AI agents (Claude Code, Codex, Gemini CLI) hoặc bất kỳ shell command nào |
| Database | Duyệt và query databases trực quan mà không cần ứng dụng GUI riêng |
| HTTP Client | Gửi API requests và inspect responses, như Postman tích hợp sẵn |
| Git | Stage changes, viết commit messages, và xem diffs — tất cả mà không rời 1DevTool |
| Browser | Panel trình duyệt thực để preview app khi bạn xây dựng |
| IDE Strip | Điều hướng file nhanh và editor shortcuts cạnh terminals |
Status Bar
Thanh mỏng dọc đáy cửa sổ là status bar. Nó luôn hiển thị bất kể bạn đang làm gì và hiển thị:
- Tên project hiện tại
- Bao nhiêu terminal sessions đang hoạt động
- Sử dụng tài nguyên hệ thống (CPU và memory)
- Icon session manager — click để xem mọi terminal session đang chạy qua tất cả projects
Làm Việc Với Panels
Thêm Panel
Click nút + trong header của bất kỳ panel nào để mở panel picker. Chọn loại panel bạn muốn và nó xuất hiện trong slot có sẵn tiếp theo trong khu vực chính.
Bạn cũng có thể dùng thanh công cụ ở đầu khu vực chính — nó có các nút quick-add cho mọi loại panel để mở những gì bạn cần mà không cần điều hướng menus.
Resize Panels
Hover cursor qua divider giữa hai panels. Cursor thay đổi thành resize handle (mũi tên hai đầu). Click và kéo để dành nhiều không gian hơn cho panel bạn cần.
Mẹo: Để tập trung tạm thời, nhấn
Cmd+Shift+F(Mac) hoặcCtrl+Shift+F(Windows) để mở rộng panel đang hoạt động lấp đầy toàn bộ khu vực chính. Nhấn cùng shortcut lần nữa để quay lại layout trước đó.
Đóng Panel
Click × trên tab của panel, hoặc nhấn Cmd+W (Mac) / Ctrl+W (Windows) khi panel đang focus. Đóng panel không kill bất kỳ process nào đang chạy bên trong nó. Terminals tiếp tục chạy trong nền và có thể reconnect bất kỳ lúc nào từ session manager trong status bar.
Chuyển Đổi Giữa Các Projects
Click bất kỳ icon nào trong sidebar trái để chuyển project. 1DevTool xử lý context switch ngay lập tức:
- Panels cho project mới được khôi phục chính xác như bạn để lại
- Terminal sessions cho project trước tiếp tục chạy trong nền
- Status bar cập nhật để phản ánh project mới hoạt động
Bạn cũng có thể nhấn Cmd+1 đến Cmd+9 (Mac) hoặc Ctrl+1 đến Ctrl+9 (Windows) để nhảy trực tiếp đến project theo vị trí trong sidebar — không cần chuột.
Thanh Công Cụ Trên Cùng
Thanh công cụ nằm ở đầu khu vực chính và cho bạn truy cập nhanh đến các action phổ biến nhất:
- Layout switcher — chuyển đổi giữa grid 2×2, column view, và fullscreen (xem Layout Modes)
- Nút thêm panel — một nút cho mỗi loại panel để truy cập ngay lập tức
- Hiển thị tên project — nhắc nhở project nào đang hoạt động