#Editor — Trình Soạn Thảo
#Tổng Quan
Editor là bề mặt IDE cốt lõi trong Antigravity, cung cấp trải nghiệm coding quen thuộc tương tự Visual Studio Code — vì Antigravity được xây dựng dựa trên bản fork nâng cao của VS Code.
Editor là nơi lập trình viên viết code trực tiếp, review code và tương tác chặt chẽ với một Agent trên một workspace duy nhất.
#Giao Diện
#Layout Chính
Editor bao gồm các khu vực quen thuộc:
| Khu Vực | Mô Tả |
|---|---|
| Explorer | Cây thư mục dự án, file browser |
| Editor Tabs | Các tab file đang mở |
| Text Editor | Vùng soạn thảo code chính |
| Terminal | Terminal tích hợp |
| Agent Panel | Sidebar AI Agent |
| Status Bar | Thanh trạng thái phía dưới |
#Agent Sidebar
Sidebar Agent nằm bên phải (hoặc trái tùy cấu hình), cung cấp:
- Chat interface: Giao diện hội thoại với Agent
- Artifact viewer: Xem các sản phẩm Agent tạo ra
- Task progress: Theo dõi tiến độ tác vụ
- AI modalities: Tab, Command, Agent
#Tính Năng AI Trong Editor
#Agent (Sidebar)
- Giao tiếp tự nhiên với AI
- Giao tác vụ phức tạp
- Review artifacts
- Multi-file editing
#Tab (Autocomplete)
- Tự động hoàn thành code thông minh
- Dự đoán dòng tiếp theo
- Multi-line suggestions
- Context-aware (hiểu ngữ cảnh project)
#Command (Inline)
- Hướng dẫn nội dòng (inline instructions)
- Refactoring nhanh
- Generate code blocks
- Transform code
#Editor vs Agent Manager
| Đặc Điểm | Editor | Agent Manager |
|---|---|---|
| Focus | Một workspace | Nhiều workspaces |
| Tương tác | Viết code trực tiếp | Quản lý Agent |
| Agent | Một Agent, sidebar | Nhiều Agent, toàn màn hình |
| Phù hợp | Code-centric tasks | Orchestration tasks |
| View | IDE truyền thống | Dashboard/Mission Control |
#Chuyển Đổi View
Bạn có thể chuyển đổi giữa Editor và Agent Manager bất kỳ lúc nào:
- Sử dụng nút toggle trên thanh công cụ
- Keyboard shortcut (tùy cấu hình)
- Cả hai view chia sẻ cùng context và state
#Tùy Chỉnh
#Extensions
- Hỗ trợ phần lớn VS Code extensions
- Marketplace tương thích
- Theme, icon packs, language support
#Settings
- Cấu hình giống VS Code
- Thêm settings riêng cho AI features
- Sync settings qua Google Account
#Keybindings
- Kế thừa keybindings VS Code
- Thêm shortcuts cho Agent, Tab, Command
- Tùy chỉnh theo preference
#Mẹo
- Nếu bạn đã quen VS Code, Editor sẽ rất tự nhiên — hầu hết shortcuts và extensions hoạt động ngay
- Sử dụng Editor view khi cần viết/review code chi tiết
- Chuyển sang Agent Manager khi cần quản lý nhiều Agent hoặc tác vụ lớn
- Tận dụng Tab cho code completion nhanh — nó mạnh hơn autocomplete thông thường rất nhiều