宜搭开发助手

宜搭开发助手是一个Chrome浏览器插件，旨在帮助钉钉宜搭平台的开发者提高开发效率、简化常用操作并提供实用工具。

技术栈

• 前端：HTML5, CSS3, JavaScript (ES6+)
• 浏览器扩展：Chrome Extension Manifest V3
• 构建工具：原生开发，无需构建工具
• 开发工具：Cursor (AI 驱动的代码编辑器)

功能特点

• 常用代码片段：提供宜搭开发中常用的代码片段，一键复制使用
• 组件快速添加：内置常用表单组件配置，快速添加到表单中
• 钉钉链接转换：将网页链接转换为钉钉工作台/侧边栏链接格式（在插件弹出窗口中）
• 界面优化：可选隐藏宜搭官方悬浮按钮，减少界面干扰

项目特点

• 采用 Manifest V3 规范
• 无侵入式设计，与宜搭平台完美融合
• 简洁美观的 Material Design 风格界面
• 完善的错误处理和日志记录机制

安装方法

1. 克隆或下载本仓库
2. 打开Chrome浏览器，访问 chrome://extensions/
3. 开启"开发者模式"（右上角）
4. 点击"加载已解压的扩展程序"
5. 选择本仓库文件夹

使用说明

1. 安装插件后，在宜搭平台（*.aliwork.com）的表单设计页面上，会自动激活
2. 页面右侧会出现一个悬浮球图标，点击打开功能面板
3. 选择需要使用的功能，如复制代码片段、添加组件等
4. 钉钉链接转换功能：
   • 点击浏览器工具栏中的插件图标，打开弹出窗口
   • 输入需要转换的网页链接
   • 选择转换类型（工作台/侧边栏）
   • 点击"转换"按钮获取钉钉链接
   • 可以复制链接或直接打开

项目结构

宜搭开发助手/
├── README.md           // 项目说明文档
├── manifest.json       // 插件配置文件
├── background.js       // 后台服务工作器脚本
├── content/            // 内容脚本
│   ├── content.js     // 内容脚本，处理宜搭平台相关功能
│   └── data/          // 数据文件
│       ├── README.md  // 数据文件说明
│       ├── commonCodeData.json  // 常用代码数据
│       └── componentsData.json  // 组件配置数据
├── helper/            // 辅助工具
│   └── codeEditor.html  // 代码编辑器页面
├── icons/             // 插件图标
│   ├── logo-16.png
│   ├── logo-32.png
│   ├── logo-48.png
│   └── logo-128.png
└── popup/             // 弹出窗口
    ├── popup.html     // 包含钉钉链接转换界面
    ├── popup.css      // 弹出窗口样式
    └── popup.js       // 弹出窗口脚本，包含钉钉链接转换功能

开发与贡献

欢迎提交问题和功能需求，也欢迎贡献代码改进此插件。

Cursor 开发助手

本项目使用 Cursor 作为主要开发工具。Cursor 是一个强大的 AI 驱动的代码编辑器，它提供了以下功能来帮助开发：

• 智能代码补全：基于上下文提供准确的代码建议
• 代码重构：帮助优化和重构代码结构
• 文档生成：自动生成代码注释和文档
• 问题诊断：帮助识别和修复代码问题
• AI 辅助开发：通过自然语言交互帮助开发