鳌虾代码生成器 (Aocode Generator)

鳌虾代码生成器 是一款为前端开发者量身定制的智能代码生成工具。它完美融合了可视化的 UI 编排能力与大语言模型（如 Trae/Cursor）的代码生成能力，帮助你将枯燥的增删改查页面开发时间从小时级缩短到分钟级。

🌟 核心特性

• 🎨 可视化页面编排：拖拽式组件库，轻松搭出页面线框图，支持表格、表单、搜索栏、弹窗等丰富的业务组件。
• 🤖 无缝集成 AI：不需要你写死代码模板，鳌虾将你的画布配置自动转化为结构化的 AI 提示词（Prompt），交由大模型根据你的项目规范生成完美适配的代码。
• 🔌 智能数据源解析：彻底告别手敲字段！支持一键导入：
  • Apifox 直连：输入 Token 自动拉取项目接口与数据模型。
  • SQL 建表语句：粘贴后端给你的 CREATE TABLE，自动生成带有中文 Label 和各种前端组件的页面。
  • Java 实体类：粘贴后端的 Entity 代码，自动解析注解和类型。
• 📋 沉淀项目规范：自动扫描当前工作区下的 .trae/skills/*.md 或 .cursor/rules/*.md 规范文件，并在生成时强制 AI 遵守，保证代码风格高度一致。

🚀 快速开始

1. 打开生成器： 安装插件后，按下 Ctrl+Shift+P (或 Cmd+Shift+P) 打开命令面板。 输入并执行 Aocode: Open Code Generator。

2. 设计你的业务模块：

   • 点击左侧“+”号创建业务目录。
   • 使用左下角的 智能导入模型 (魔术棒图标) 快速导入字段结构。
   • 在中间画布拖拽组件（表格、表单等），绑定对应的字段。

3. 生成 AI 指令并发送：

   • 配置完成后，点击右上角 [生成 AI 指令]。
   • 检查生成的专属 Prompt，点击 [复制指令] 或 [直接发送到 AI 对话框]。
   • 将指令粘贴到你习惯使用的 AI 助手（Trae/Cursor）对话框中，等待代码生成并写入文件。

💡 最佳实践

建议你在项目根目录下创建一个 .trae/skills/ 文件夹，并在里面编写你的项目前端规范（Markdown 格式）。 例如创建 .trae/skills/page-layout.md：

# 页面布局规范
1. 所有页面必须使用 `<sy-page-container>` 作为最外层包裹。
2. 表格必须使用 `<sy-table>` 封装，并配合 `useTableConfig()` 组合式函数使用。

鳌虾会自动读取这些规范，让 AI 生成的代码完全符合你的团队标准。

Developed with ❤️ by Aoxia.