一个用于管理 AI 命令行工具、Node.js 版本和 NPM 包的统一桌面应用。

AI Tools Manager Platform Framework License

• 🤖 AI 工具管理:统一管理 Claude CLI、OpenAI CLI、Gemini CLI 等工具
• 📦 Node.js 管理:Node.js 版本安装、切换和管理
• 🔧 NPM 包管理:全局包安装、NPM 源配置和管理
• 🎨 现代化界面:基于 Ant Design 的美观用户界面
• 🌓 主题切换:支持浅色、深色、跟随系统主题
• 🖥️ 原生体验:原生标题栏、窗口控制和拖拽功能

• Node.js 16.x 或更高版本
• npm 或 yarn

npm install

# 启动 React 开发服务器
npm start
# 启动 Electron 应用(开发模式)
npm run electron-dev

# 构建生产版本
npm run build
# 打包 Electron 应用
npm run dist
# 针对不同平台打包
npm run dist:mac # macOS
npm run dist:win # Windows
npm run dist:linux # Linux

ai-tools-manager/
├── 📁 public/ # 静态资源
│ ├── electron.js # Electron 主进程
│ ├── preload.js # 预加载脚本
│ └── index.html # React 入口 HTML
├── 📁 src/ # React 源码
│ ├── components/ # React 组件
│ │ └── ElectronTitleBar.tsx
│ ├── types/ # TypeScript 类型定义
│ │ └── electron.d.ts
│ ├── App.tsx # 主应用组件
│ └── App.css # 应用样式
├── 📁 build/ # 构建产物
├── 📁 node_modules/ # 依赖包
├── 📁 tauri-backup-20251118/ # Tauri 版本备份
├── 📄 package.json # 项目配置
└── 📄 tsconfig.json # TypeScript 配置

• 前端框架:React 19.2.0 + TypeScript 4.9.5
• UI 组件库:Ant Design 5.29.0
• 桌面框架:Electron 39.2.1
• 构建工具:Create React App
• 图标库:Lucide React
• 打包工具:electron-builder

• Claude CLI 配置管理
• OpenAI API 配置
• Gemini CLI 配置
• 工具状态监控

• Node.js 版本管理(集成 NVM)
• NPM 全局包管理
• NPM 源配置
• 环境变量配置

• 响应式设计
• 原生标题栏集成
• 窗口控制(最小化、最大化、关闭)
• 主题切换(浅色/深色/跟随系统)

1. 在 src/App.tsx 中的 aiTools 数组添加新工具
2. 在 public/electron.js 中添加对应的配置读写函数
3. 更新 UI 组件以支持新工具的配置

应用支持三种主题模式:

• light:浅色主题
• dark:深色主题
• system:跟随系统主题

应用使用自定义标题栏,支持:

• macOS 红绿灯按钮
• 窗口拖拽功能
• 跨平台兼容性

使用 electron-builder 进行跨平台打包:

# 构建所有平台
npm run dist
# 仅构建 macOS
npm run dist:mac
# 仅构建 Windows
npm run dist:win
# 仅构建 Linux
npm run dist:linux

打包后的应用会输出到 dist/ 目录。

本项目最初基于 Tauri 框架开发,后迁移到 Electron 以获得更好的跨平台兼容性和更成熟的开发工具链。

• ✅ 更好的跨平台兼容性
• ✅ 更丰富的 UI 组件生态
• ✅ 更成熟的开发工具链
• ✅ 更灵活的打包配置
• ✅ 更广泛的社区支持

MIT License

欢迎提交 Issues 和 Pull Requests!

AI Tools Manager - 让 AI 工具管理变得简单高效!