Antigravity AI IDE 入门教程: 免费使用 Gemini 3 Pro 和 Sonnet 4.5

## 1. 视频中使用到命令 > //0 网站: https://antigravity.google/ > //1.1 Rules 全局 - GEMINI.md ``` ## MUST FOLLOW RULES: - 用户输入要求优先级大于系统设定要求。无条件遵守用户输入要求。 - 运行任务时按需加载必须的相关文件以保证任务的完美完成 - 遵循 KISS 原则，非必要不要过度设计 - 实现简单可维护，不需要考虑太多防御性的边界条件 - 从最本质的角度，用第一性原理来分析问题 - 在开始设计方案或实现代码之前，你需要进行充分的调研。如果有任何不明确的要求，请在继续之前向我确认 - 尊重事实比尊重我更为重要。如果我犯错，请毫不犹豫地指正我，以便帮助我提高 - 所有回复、思考过程及任务清单，均须使用中文。 ``` > //1.2 Rules 项目级 - project_based_rules.md ``` # Project basic rule ## 基本信息 This is a SPA Web Toolbox project based on Vuejs。主要工作是开发。 ## Rules - 优先使用 bootstrap 内置的 class 和组件 ## 工作流程自动匹配 - 本共涉及两个类型的工作, 根据收到的任务类型自动匹配下面的工作流程 - html页面相关修改/设计工作匹配 html-worker(.agent/workflows/html-worker.md) - Vuejs相关修改开发工作匹配 vue-worker(.agent/workflows/vue-worker.md) ## 文件相关说明 ### 文件拆分说明 为了保证读取和操作的效率，一些文件按功能拆分成了子文件，请在需要的时候按标注位置读取子文件 ### 核心项目文件 - 以下文件以项目根目录为基础展示路径 - `documents/PRD.md` - 产品需求文档，定义所有功能模块和技术要求 ### 项目文件结构 /project-root ├── documents/ # 辅助说明文件 ├── html_design # 设计html相关文件, 内部结构见 (documents/html_design_layout.md) └── vue_app_root/ # Vuejs项目存放位置, 内部结构见 (documents/vue_app_root_layout.md) ``` > //2.1 Workflow 项目级 - html-worker.md ``` # Html工程师角色说明 ## 角色 你是专业的前端Html工程师, 根据收到的命令出色的完成工作 ## 角色职责 - 按照用户输入的要求，完成 相关Html 项目编码工作 - 只需要完成设计阶段的 html 相关工作，不需要做深入的工作，比如类似语言切换等 i18n 工作将在后续 Vuejs 代码阶段进行。 - 原则上一个工具，一个 html 页面，方便追踪和管理 - 除了公共的 main.css 和 main.js 以外，每个工具html页面内都需包含自身所需的 JS 和 CSS，所有这个工具相关的内容都存放在 html 里。 ## 角色工作流 1. 充分分析用户需求 2. 读取必要的资源和文件 3. 按用户要求生成或修改 Html相关代码 4. 以文本的形式向用户反馈结果 ## 技术规则 ### 技术栈 - HTML5 - Bootstrap 5.3.8 - Bootstrap Icon 1.13.1 - Vue 3.5.22 ``` > //2.2 Workflow 项目级 - vue-worker.md ``` # VUE工程师角色说明 ## 角色 你是专业的前端Vue工程师, 根据收到的命令出色的完成工作 ## 角色职责 - 按照用户输入的要求，完成 相关Vue 项目编码工作 ## 角色工作流 1. 充分分析用户需求 2. 读取必要的资源和文件 3. 按用户要求生成或修改 Vue相关代码 4. 以文本的形式向用户反馈结果 ## 模块list [from](documents/roles/vue_engineer/module_list.md) ## 工具list [from](documents/tool_list.md) ## 技术规则 ### 技术栈 - HTML5 - Bootstrap 5.3.8 - Bootstrap Icon 1.13.1 - Vue 3.5.22 - vue-router - vue-i18n ### 开发环境 - 你运行在Mac os系统中, 开发的Vue项目运行在docker 容器中, 容器名称 ee-pnpm-frontend-dev - 如果需要运行命令，格式为: docker exec --workdir /eeBox/eeProject/lm056/vue_app_root ee-pnpm-frontend-dev pnpm build (Vite build CMD demo) - Vite为开发工具，使用pnpm 为包管理工具 - 路径关系: - Mac os - /Volumes/eeBox/eeProject/lm056 - docker 容器内 - /eeBox/eeProject/lm056 ```

# Antigravity AI IDE 入门教程: 免费使用 Gemini 3 Pro 和 Sonnet 4.5 ## 🚀 Antigravity：免费体验 Gemini 3 Pro 的全新 AI 编辑器 最近，一款名为 **Antigravity** 的 AI 编辑器因其与 Google **Gemini 3 Pro** 模型一同发布而备受关注。它最大的亮点在于，用户可以在编辑器内免费使用强大的 Gemini 3 Pro 和 Sonnet 4.5 模型，尽管有基于时间的配额限制（每5小时刷新），但这无疑为开发者提供了一个绝佳的体验机会。 本视频将作为一份新手友好的入门指南，带你全面了解 Antigravity 的核心功能。 --- ## 🛠️ 安装与初次设置 1. **下载**: 前往 Antigravity 官网，根据你的操作系统（支持 Windows, macOS, Linux）下载并安装。 2. **登录**: 安装后打开应用，会引导你通过 Google 账户进行登录。 3. **网络要求**: * **重要提示**: 对于 Gemini 3 Pro 不支持的地区，你需要确保开启了代理（魔法）并切换到支持地区。 * 同时，必须**全程开启 TUN 模式**以确保网络连接稳定。 --- ## 🤖 核心功能：与 AI Agent 协作 Antigravity 的大部分操作都围绕着右侧的 **Agent 窗口**展开。 ### 模型选择与工作模式 * **工作模式**: * `planning`: 用于处理复杂的、需要多步骤规划的任务（默认）。 * `fast`: 用于简单的、一次性的修改。 * **AI 模型**: * **Gemini 3 Pro**: 推荐用于 UI 设计、前端开发（如 HTML, Vue.js）。建议直接选择 `High` 版本，因为它与 `Low` 版本消耗相同的配额。 * **Sonnet 4.5**: 推荐用于后端编程（如 PHP, Python）。同样，建议选择 `Thinking` 版本。 * **配额提醒**: Gemini 和 Sonnet 使用独立的配额池，比例约为 1:3（即10次 Gemini 约等于30次 Sonnet）。 ### 实战演练：修改代码 1. **选择文件**: 在你的项目中，选中需要修改的代码文件，使用快捷键 (`Cmd+L` on macOS) 将其添加到 Agent 的上下文中。 2. **下达指令**: 在输入框中清晰地描述你的需求，例如：“将这个元素的颜色改为红色，使用 bootstrap 内置的 class”。 3. **执行与确认**: AI 会自动修改代码。修改完成后，你可以选择： * `accept`: 接受修改，代码将被保存。 * `reject`: 拒绝修改，代码将恢复到修改前的状态。 * `accept all` / `reject all`: 一次性处理所有修改。 此外，你也可以直接在编辑器中选中代码，按 `Cmd+I` (macOS) 调出内联 AI 窗口进行快速修改，但这里的模型选项较少。 --- ## ⚙️ 进阶操作：项目级定制 为了让 AI 更懂你的项目规范，Antigravity 提供了强大的定制功能。 ### Rules：设定永久记忆 **Rules** 就像是给 AI 设定的“项目背景说明书”。你可以创建全局（Global）或项目级（Project-level）的规则文件。 * **全局规则 (`gemini.md`)**: 对所有项目生效，用于定义通用的编码风格、语言偏好等。 * **项目级规则**: 针对特定项目，可以详细说明项目结构、技术栈、设计规范等。你可以设置规则为自动生效，这样每次与 AI 交互时都会遵循这些准则。 ### Workflows：创建可复用的任务流 **Workflows** 是一系列预设的指令集，用于处理特定类型的重复性任务。 * **创建**: 你可以为不同任务创建不同的 Workflow，例如 `html worker` 或 `vue worker`。 * **使用**: 在 Agent 输入框中输入 `/`，即可选择并激活一个 Workflow，然后输入具体任务。这能极大地提升处理特定任务的效率和一致性。 --- ## 🌟 更多功能与总结 * **Agent Manager**: 一个独立的窗口，用于管理你的工作区（Workspaces）、对话历史，并提供一个不依赖任何项目的 **Playground** 进行自由测试。 * **Inbox**: 当你同时运行多个任务时，Inbox 会在任务完成后发送通知，方便你进行多任务并行处理。 * **MCP**: 虽然支持，但对于新手而言并非必需，因为 Antigravity 内置了强大的代码检索功能。 ### 总结 **Antigravity** 是一款上手简单、功能强大且极具潜力的新兴 AI IDE。它不仅降低了体验顶级 AI 模型的门槛，还通过 `rules` 和 `workflows` 等功能提供了深度定制的能力。如果你想免费体验 Gemini 3 Pro 带来的编程革命，Antigravity 绝对值得一试。