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.

Full 1DevTool workspace

Ba Vùng

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:

PanelChức năng
TerminalTerminal đầy đủ nơi bạn chạy AI agents (Claude Code, Codex, Gemini CLI) hoặc bất kỳ shell command nào
DatabaseDuyệt và query databases trực quan mà không cần ứng dụng GUI riêng
HTTP ClientGửi API requests và inspect responses, như Postman tích hợp sẵn
GitStage changes, viết commit messages, và xem diffs — tất cả mà không rời 1DevTool
BrowserPanel 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ặc Ctrl+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