快捷方式管理器Shortcut Organizer—— 一款高颜值、高效率的桌面快捷方式管理工具基于 Electron React TypeScript 打造支持拖拽添加、分类管理、深浅色主题与系统托盘让你的常用应用与文件触手可及。一、为什么需要它桌面图标太多太乱常用软件、脚本、文档散落各处每次都要在开始菜单或资源管理器里翻找快捷方式管理器帮你把本地应用、文件、脚本等快捷方式集中在一个窗口里按分类整理支持自定义图标与颜色、搜索、拖拽添加还能最小化到系统托盘随时一键启动。数据本地持久化换主题、关掉重开都不会丢。二、项目简介本项目是一个跨平台桌面应用Windows / macOS / Linux采用现代前端技术栈开发界面简洁、交互流畅适合日常办公与开发场景下的快捷方式统一管理。项目信息说明项目名称Shortcut Organizer快捷方式管理器当前版本1.0.1开发技术Electron React 18 TypeScriptUI 样式TailwindCSS许可证MIT三、核心功能一览分组管理自定义分类每个分类可设置图标与颜色一目了然。一键启动点击快捷方式即可运行对应应用、脚本或打开文件。拖拽添加将文件、.lnk快捷方式等直接拖入窗口自动在当前分类下创建快捷方式。拖拽移动快捷方式可拖动到其他分类快速归类。搜索支持按分类与快捷方式名称搜索快速定位。主题切换深色 / 浅色主题随系统或手动切换。数据持久化数据本地存储关闭应用后再打开配置不丢失。系统托盘窗口可最小化到托盘不占任务栏需要时再唤出。单实例运行避免重复打开多个窗口从桌面快捷方式再次打开会直接唤起已有窗口。四、技术栈类别技术桌面壳Electron主进程 预加载 渲染进程前端框架React 18 TypeScript构建工具Vite样式TailwindCSS数据持久化better-sqlite3 / 简化文件存储动画与图表Framer Motion、Recharts其他Sonner消息提示、uuid、zod 等五、项目结构├── electron/ # Electron 主进程 │ ├── main.js # 主进程入口窗口、托盘、IPC、存储 │ ├── preload.js # 预加载脚本暴露安全 API │ ├── simpleStorage.js # 简化文件存储 │ └── database.js # SQLite 数据库可选 ├── src/ # 前端源码 │ ├── components/ # UI 组件 │ ├── contexts/ # React Context全局状态 │ ├── hooks/ # 自定义 Hooks │ ├── lib/ # 工具与存储适配 │ ├── pages/ # 页面 │ ├── types/ # 类型定义 │ └── main.tsx # 前端入口 ├── index.html # HTML 模板 ├── package.json # 依赖与脚本 ├── electron-builder.json # 打包配置 └── ...六、安装与运行环境要求已安装Node.js建议 LTS 版本https://nodejs.org/步骤1. 克隆项目并安装依赖gitclone https://github.com/CarryingFish/Shortcut_Organizer.gitcdShortcut_Organizernpminstall2. 开发模式带热重载npmrun dev会同时启动 Vite 开发服务器和 Electron 窗口修改前端代码可热更新。3. 构建前端npmrun build前端会构建到dist/static。4. 预览生产版npmrun preview先构建再以生产模式启动 Electron可验证打包前效果。5. 打包分发npmrun dist# 生成安装包如 NSIS、portablenpmrun dist:portable# 仅生成便携版npmrun dist:inno# 打包后再用 Inno Setup 打安装包七、窗口预览八、版本记录摘要1.0.1拖拽添加快捷方式、单实例运行、统一自定义图标、开发模式自动打开 DevTools 等。更详细的版本说明见仓库根目录VERSION.md。九、小结快捷方式管理器适合希望把常用应用、文件、脚本集中管理、并喜欢现代桌面应用体验的用户。技术栈主流、结构清晰也可作为Electron React TypeScript Vite的练手或参考项目。源码获取GitHub 仓库https://github.com/CarryingFish/Shortcut_Organizer欢迎 Star、Fork、提 Issue 或 PR。如有问题或建议可在仓库中提交 Issue 反馈。