dev-tools

KO | EN

gitlite — search

#javascript #python #react #typescript #android #rust #docker #nodejs #awesome #cli #kubernetes #awesome-list #ios #openai

(★ 14)

开发工具箱

dev-tools Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">🛠 Dev Tools</h1>

一站式开发工具箱 — 62 个实用开发工具

![dev-tools](https://count.getloli.com/@MY-Final_dev-tools?name=dev-tools&theme=minecraft&padding=6&offset=0&align=top&scale=1&pixelated=1&darkmode=auto)

---

## ✨ 功能一览

- **AES/DES Encryptor** — 对称加密/解密（AES-CBC/GCM/CTR/ECB、DES、3DES）
- **Certificate Parser** — 解析 PEM/X.509 证书（颁发者/有效期/SAN/指纹）
- **HMAC Generator** — HMAC-SHA-1/256/384/512 签名生成
- **SSH Key Generator** — 生成 Ed25519/RSA 密钥对，OpenSSH 格式 + 指纹
- **Token Generator** — 生成 UUID、JWT、API Key 等随机标识符
- **JWT Generator** — 快速生成和调试 JSON Web Token
- **JWT Decoder** — 解析和检查 JWT Token
- **Hash Generator** — MD5、SHA-1、SHA-256、SHA-384、SHA-512
- **Password Generator** — 高强度随机密码
- **Base64 Codec** — Base64 编码与解码
- **URL Codec** — URL 编码与解码
- **UUID Decoder** — 解析 UUID 版本、变体、时间戳与 MAC

</details>

- **Timezone Converter** — 多时区时间对照
- **Date Format Converter** — ISO/Unix/RFC/自定义日期格式互转
- **Number Formatter** — 千分位/货币/百分比/科学计数/进制
- **Unit Converter** — 10 种单位换算
- **Data Size Converter** — 数据大小单位转换（Binary/Decimal）
- **Timestamp Converter** — Unix 时间戳与日期时间双向转换
- **Color Converter** — 颜色格式转换 HEX ↔ RGB ↔ HSL
- **Number Base Converter** — 进制转换 · 反码 · 补码
- **Image Tools** — 图片转 Base64 · 图片信息查看

</details>

- **我的 IP** — 查看本机内网 IP
- **Port Generator** — 生成随机网络端口号
- **Subnet Calculator** — IPv4 子网计算器
- **IPv4 Converter** — IPv4 地址与数字格式互相转换
- **IP Range Expander** — IP 范围转 CIDR 计算

</details>

- **Clipboard Manager** — 剪贴板历史记录（Ctrl+Shift+V 读取）
- **Screen Info** — 屏幕分辨率/DPI/DPR/色彩深度/触摸屏
- **Browser Storage Viewer** — localStorage/sessionStorage 查看编辑
- **设备信息** — 设备和浏览器运行环境检测
- **Environment Variables** — 查看当前系统环境变量
- **Keyboard Tester** — 实时查看键盘按键的 KeyboardEvent
- **Mouse Tester** — 鼠标事件检测（坐标/滚轮/按键）
- **Timer & Stopwatch** — 秒表 · 倒计时 · 番茄钟 · 间歇训练

</details>

- **AI Translator** — 基于 OpenAI 兼容 API 的多语言翻译
- **Cron Generator** — 可视化生成和解析 Cron 表达式
- **JSON Formatter** — 格式化、压缩、校验 JSON
- **Maven Dependency** — Maven Central 实时搜索依赖
- **File Generator** — 生成指定大小的测试文件
- **Regex Tester** — 正则表达式实时测试与替换
- **Diff Checker** — 逐行对比文本差异，高亮新增/删除/修改
- **XPath Tester** — XPath 表达式测试与 XML/HTML 节点查询
- **Data Format Converter** — CSV ↔ JSON ↔ XML 数据格式互转
- **JSON Converter** — JSON → TypeScript · TOML · XML · YAML
- **CSS Gradient Generator** — 可视化渐变生成器
- **HTML to JSX** — HTML 一键转 React JSX 语法

</details>

- **Text Analyzer** — 实时文本统计与分析
- **Case Converter** — 大小写与命名格式实时转换（13 种）
- **Unicode Inspector** — 查看字符的 Unicode 详细信息
- **Lorem Ipsum Generator** — 虚拟占位文本生成
- **Diff Checker** — 逐行对比文本差异
- **Image Tools** — 图片转 Base64 · 图片信息查看

</details>

- **Git Cheat Sheet** — Git 命令速查手册
- **Docker Cheat Sheet** — Docker 命令速查手册
- **npm Cheat Sheet** — npm / Yarn / pnpm 命令速查
- **Linux Cheat Sheet** — Linux 常用命令速查手册
- **Kubectl Cheat Sheet** — K8s 命令速查手册
- **ASCII Table** — ASCII 码表完整对照（0–127）
- **HTTP Status Codes** — HTTP 状态码速查手册（1xx–5xx）
- **Regex Cheat Sheet** — 正则表达式语法速查手册
- **HTML Entities** — HTML 实体字符速查手册
- **SQL Cheat Sheet** — SQL 常用语法速查手册
- **CSS Cheat Sheet** — Flexbox · Grid · 单位 · 选择器 · 动画速查

</details>

---

## ⌨️ 快捷功能

| 快捷键 | 功能 |
|--------|------|
| `Ctrl+K` | 全局命令面板，搜索所有工具 |
| `Ctrl+Shift+V` | Clipboard Manager 读取剪贴板 |
| `Space` | Timer 组件开始/暂停 |
| `R` | Timer 组件重置 |

## 🏗️ 技术栈

## 🚀 开发

```bash
# 安装依赖
npm install

# 开发模式（Electron 桌面端）
npm run dev

# 开发模式（Web 浏览器端 — 纯前端，所有工具可用）
npm run dev:web

# 构建安装包
npm run build:win     # Windows
npm run build:mac     # macOS
npm run build:linux   # Linux

# 构建 Web 版（纯静态文件，输出到 web-dist/）
npm run build:web

# 代码质量
npm run typecheck     # TypeScript 类型检查
npm run lint          # ESLint
npm run format        # Prettier 格式化
```

## 🌐 Web 版 & Vercel 部署

Dev Tools 支持构建为纯静态页面，部署到 Vercel / 云服务器等任意静态托管平台。

### 在线体验

访问 → **https://dev-tools-orcin.vercel.app/**

> 部分依赖 Electron 原生能力的工具（如内网 IP、Maven 依赖搜索）在 Web 版不可用，会提示下载桌面版。

### 部署到 Vercel

**方法一：Vercel CLI（推荐）**

```bash
# 1. 构建
npm run build:web

# 2. 安装 Vercel CLI
npm i -g vercel

# 3. 部署 web-dist/ 目录
npx vercel deploy --prod ./web-dist
```

**方法二：GitHub 自动部署**

在项目根目录创建 `vercel.json`（已内置 `web/vite.config.ts`，无需额外配置）：

```json
{
  "buildCommand": "npm run build:web",
  "outputDirectory": "web-dist",
  "framework": null
}
```

然后在 [Vercel Dashboard](https://vercel.com) 导入 GitHub 仓库即可：

1. 点击「Add New → Project」
2. 选择 `dev-tools` 仓库
3. Framework Preset 选 **Other**
4. Build Command 填 `npm run build:web`
5. Output Directory 填 `web-dist`
6. 点击「Deploy」

### 部署到任意静态服务器

```bash
npm run build:web
# 将 web-dist/ 目录上传到你的 Nginx / Caddy / S3 等
```

### Web 版已知限制

| 功能 | 状态 |
|------|------|
| 纯前端工具（格式化/转换/哈希等 50+ 工具） | ✅ 完全可用 |
| npm / Maven / Docker 搜索 | ✅ 可用（浏览器直接 fetch） |
| AI 翻译 | ✅ 可用（需自己配置 API Key） |
| WebSocket 测试 | ✅ 可用（浏览器原生 WebSocket） |
| 内网 IP | ❌ 提示下载桌面版 |
| 环境变量 | ❌ 不可用（返回空数据） |
| 自动更新 | ❌ 不可用（按钮无效果） |

## 📦 下载

从 [GitHub Releases](https://github.com/MY-Final/dev-tools/releases/latest) 下载最新安装包。

---

## 📄 更新日志

详见 [CHANGELOG.md](./CHANGELOG.md)

---

Built with ❤️ by <a href="https://github.com/MY-Final">MY-Final</a>

dev-tools

dev-tools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

dev-tools

dev-tools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README