Merge pull request #1 from OldCoderIsMe/客户端快捷指令0.1.2

feat: 添加客户端快捷指令功能 v0.1.2

Author: OldCoderIsMe

GITHUB_DESCRIPTION.md

@@ -0,0 +1,51 @@
+# GitHub Repository Description
+
+## 推荐的仓库描述
+
+复制以下内容到 GitHub 仓库的 "About" 部分：
+
+```
+功能丰富的开发工具集合，支持 Chrome 扩展、网页应用和 macOS 桌面应用。包含 URL 编码、加密哈希、时间戳转换、JSON 格式化、文本处理、UUID 生成、正则测试、二维码生成、文本对比等 9 大工具。所有计算本地完成，保护隐私安全。支持快速搜索弹窗和快捷键自定义。
+```
+
+## 如何更新
+
+1. 访问你的 GitHub 仓库页面
+2. 点击仓库名称下方的 "⚙️ Settings" 图标（或直接点击仓库名称右侧的齿轮图标）
+3. 在 "About" 部分，点击 "Edit" 按钮
+4. 将上面的描述粘贴到 "Description" 字段
+5. 点击 "Save changes"
+
+## 其他可选描述
+
+### 简洁版（160 字符）
+```
+🚀 一站式开发工具集合 | Chrome 扩展 + 网页应用 + macOS 桌面应用 | 9 大实用工具 | 支持快速搜索弹窗、快捷键自定义 | 本地计算，隐私安全
+```
+
+### 功能突出版
+```
+开发工具集合 - 支持 Chrome 扩展、网页版和 macOS 客户端。包含 9 个常用工具，支持类似 Spotlight 的快速搜索弹窗，可自定义快捷键。所有计算本地完成，保护隐私。
+```
+
+## Topics/Tags 建议
+
+建议添加以下 GitHub Topics：
+
+- `devtools`
+- `developer-tools`
+- `chrome-extension`
+- `electron`
+- `vue3`
+- `typescript`
+- `hash`
+- `encryption`
+- `json-formatter`
+- `url-encoder`
+- `timestamp-converter`
+- `uuid-generator`
+- `regex-tester`
+- `qrcode-generator`
+- `text-diff`
+- `privacy-focused`
+- `local-computation`

INSTALL.md

@@ -0,0 +1,84 @@
+# macOS 安装说明
+
+## 安装步骤
+
+### 方法一：从 DMG 安装（推荐）
+
+1. 双击 `DevTools Suite-0.1.2.dmg` 文件
+2. 将应用拖拽到 Applications 文件夹
+3. 打开 Applications 文件夹，找到 "DevTools Suite"
+4. 如果出现"无法打开，因为来自身份不明的开发者"的提示：
+   - 右键点击应用
+   - 选择"打开"
+   - 在弹出的对话框中点击"打开"
+
+### 方法二：从 ZIP 安装
+
+1. 解压 `DevTools Suite-0.1.2-mac.zip` 文件
+2. 将解压后的应用拖拽到 Applications 文件夹
+3. 按照方法一中的步骤处理安全提示
+
+## 如果无法安装（macOS 安全限制）
+
+由于应用未进行代码签名，macOS 可能会阻止安装。解决方法：
+
+### 方法 1：通过系统偏好设置允许
+
+1. 打开"系统偏好设置" > "安全性与隐私"
+2. 在"通用"标签页中，如果看到"已阻止使用 DevTools Suite，因为来自身份不明的开发者"
+3. 点击"仍要打开"按钮
+
+### 方法 2：使用命令行移除隔离属性
+
+在终端中运行：
+
+```bash
+# 对于 DMG 文件
+xattr -cr "/path/to/DevTools Suite-0.1.2.dmg"
+
+# 对于已安装的应用
+xattr -cr "/Applications/DevTools Suite.app"
+```
+
+### 方法 3：临时禁用 Gatekeeper（不推荐）
+
+```bash
+sudo spctl --master-disable
+```
+
+安装完成后，建议重新启用：
+
+```bash
+sudo spctl --master-enable
+```
+
+## 首次运行
+
+1. 打开应用后，如果提示需要权限：
+   - 点击"打开系统偏好设置"
+   - 在"隐私与安全性"中授予相应权限
+
+2. 应用启动后，可以使用以下快捷键：
+   - `Cmd+K` 或 `Cmd+Space` - 打开快速搜索
+   - 可以在设置中自定义快捷键
+
+## 故障排除
+
+### 应用无法启动
+
+1. 检查 macOS 版本（需要 macOS 10.13 或更高版本）
+2. 检查应用权限设置
+3. 查看控制台日志（应用程序 > 实用工具 > 控制台）
+
+### 快捷键不工作
+
+1. 打开应用设置（侧边栏 ⚙️ 图标）
+2. 检查快捷键配置
+3. 确保快捷键未被其他应用占用
+
+### 其他问题
+
+如果遇到其他问题，请：
+1. 检查应用日志
+2. 重新安装应用
+3. 联系开发者

README.md

@@ -2,6 +2,20 @@
 
 一个功能丰富的开发工具集合，支持三种使用方式：Chrome 浏览器扩展、纯浏览器网页应用、macOS 桌面应用。所有计算都在本地完成，不会上传任何数据，保护您的隐私安全。
 
+## 📸 截图预览
+
+### 🌐 浏览器网页版
+![浏览器网页版](images/browser_srceenshot.png)
+
+### 🔌 Chrome 浏览器扩展
+![Chrome 浏览器扩展](images/chrome_ext_screenshot.png)
+
+### 🖥️ macOS 桌面客户端
+![macOS 桌面客户端](images/macos_screenshot.png)
+
+### ⚡ 快速搜索弹窗
+![快速搜索弹窗](images/key_screenshot.png)
+
 ## 🌐 在线体验
 
 **立即体验**：[https://oldcoderisme.github.io/devtools-extension/](https://oldcoderisme.github.io/devtools-extension/)
@@ -107,6 +121,55 @@ devtools-extension/
 
 ## 版本历史
 
+### v0.1.2 - 客户端快捷指令版本 🚀
+
+#### ✨ 新增功能
+
+**快速搜索弹窗（类似 macOS Spotlight）**
+- 🎯 全局快捷键支持（默认 `Cmd+K` / `Cmd+Space`，可自定义）
+- ⚡ 快速命令执行：输入命令和参数即可显示结果
+- 🔍 智能命令提示：输入时自动显示匹配的命令建议
+- 🎨 模糊匹配：支持命令名、别名和描述的智能匹配
+- ⌨️ 键盘导航：支持上下箭头、Tab、Enter 选择命令
+
+**支持的命令**
+- `md5` / `sha1` / `sha256` / `sha512` - 哈希计算
+- `base64` / `b64` - Base64 编码
+- `base64d` / `b64d` - Base64 解码
+- `urlencode` / `url` / `ue` - URL 编码
+- `urldecode` / `ud` - URL 解码
+- `timestamp` / `ts` - 时间戳转日期
+- `date` - 日期转时间戳
+
+**快捷键自定义**
+- ⚙️ 设置界面：支持自定义快速搜索快捷键
+- 💾 设置持久化：快捷键配置自动保存
+- 🔄 一键重置：支持恢复默认快捷键
+
+**菜单栏图标（Tray Icon）**
+- 📌 菜单栏常驻：应用图标显示在 macOS 菜单栏右侧
+- 🖱️ 快速访问：点击图标显示/隐藏主窗口
+- 📋 右键菜单：快速搜索、关于、退出等功能
+
+#### 🐛 问题修复
+
+- 修复 macOS 安装问题（DMG 拖拽安装）
+- 修复退出功能不生效的问题
+- 修复使用快捷弹窗后无法通过 Dock 图标打开主窗口的问题
+- 优化窗口关闭行为（macOS 上关闭窗口隐藏到菜单栏）
+
+#### 🎨 界面优化
+
+- 更新应用图标（DevTools.icns）
+- 优化快速搜索弹窗 UI
+- 改进命令提示显示效果
+
+#### 📝 文档更新
+
+- 添加安装说明文档（INSTALL.md）
+- 添加 macOS 菜单栏显示条件说明（MENUBAR.md）
+- 更新 Electron 快速开始指南
+
 ### v0.1.1
 - 添加 favicon 支持
 - 修复 Vue 组件响应式警告