🚀DiFlow 开发工具集

集成插件、编程规范和 MCP 服务的一站式开发平台

DiFlow - 开发工具包

一个强大的 Visual Studio Code 扩展,通过智能代码管理、AI 驱动的助手和无缝 Cursor 集成来简化您的开发工作流程

🔗 VS Code 市场下载

🏗️技术架构

  • 前端:Vue 3 + TypeScript + Vite
  • 后端:TypeScript + VS Code Extension API
  • 服务端:Nest.js 后端服务
  • 对话功能:LangChain.js 实现
  • UI 框架:Ant Design Vue

Cursor 集成

  • 智能 Rules 同步 - 一键同步开发规则到 Cursor
  • MCP 服务同步 - 自动配置和同步 MCP 服务
  • 云端数据同步 - 跨设备同步配置和数据
  • 团队协作分享 - 分享 Rules 和 MCP 配置
  • 实时状态监控 - 监控同步状态和服务健康

🧱智能代码块创建

  • 一键代码块模板 - 在 `/materials/blocks` 预配置代码块并即时部署
  • 上下文感知部署 - 右键任意文件夹选择 "DiFlow → 创建代码块"
  • 模板管理 - 组织和重用最常用的代码结构

📝智能代码片段

  • 可视化片段创建器 - 通过直观的 webview 界面创建代码片段
  • 自动集成 - 片段自动保存到项目的 `.vscode/test.code-snippets`
  • 即时可用 - 创建后立即可以使用您的片段

🤖AI 驱动的代码助手

  • ChatGPT 集成 - 内置 ChatGPT 界面用于代码协助和解释
  • 代码解释 - 选择任何代码并获得即时 AI 驱动的解释
  • 支持多种 AI 模型 (gpt-3.5-turbo, gpt-4 等)

🎨现代化界面

  • 活动栏集成 - 活动栏中的专用 DiFlow 面板
  • Webview 组件 - 现代 Vue.js 驱动的界面
  • 响应式设计 - 与 VS Code 主题匹配的清洁直观界面

🚀使用指南

Cursor 集成同步

登录账户后,在云端同步面板中选择需要同步的 Rules 和 MCP 服务,一键同步到 Cursor 编辑器,支持团队共享和跨设备同步

创建代码块

在 `/materials/blocks/` 目录中创建模板文件,右键任意文件夹选择 "DiFlow → 创建代码块",模板内容将被复制到选定文件夹

创建代码片段

在任何代码编辑器中右键,选择 "DiFlow → 创建代码片段",使用 webview 界面配置片段,自动保存并立即可用

AI 代码解释

选择任何代码,右键选择 "DiFlow → 解释此代码",在 ChatGPT 面板中查看 AI 生成的解释

MCP 服务管理

在 MCP 管理面板中添加、配置和监控各种 MCP 服务器,支持一键部署和环境变量管理

团队协作分享

通过云端同步功能,团队成员可以共享 Rules 配置和 MCP 服务设置,确保开发环境的一致性

⚙️配置说明

通过 VS Code 设置配置 DiFlow:

{
  "DiFlow.hostname": "https://api.openai.com",
  "DiFlow.apiKey": "your-api-key-here",
  "DiFlow.model": "gpt-3.5-turbo"
}
DiFlow.hostname

AI 服务的第三方代理地址

DiFlow.apiKey

AI 服务认证的 API 密钥

DiFlow.model

要使用的 ChatGPT 模型