vtools

一个功能强大的Vue 3工具集应用，提供多种实用工具，帮助开发者提高工作效率。

功能模块

开发工具 (Development)

Crontab工具: Crontab 表达式解析、验证和执行时间生成工具
Chmod 权限计算器: Linux 文件权限计算工具，支持八进制和符号表示
时间戳工具: 时间戳转换工具，支持秒级和毫秒级时间戳转换

加密工具 (Encryption)

加密解密工具: 支持Base64、URL编码解码和MD5加密
JWT 解析工具: JWT Token 解析工具，支持解码 Header、Payload 和验证签名
密钥对生成器: 生成 RSA 密钥对，支持公钥和私钥格式

图片工具 (Image)

Favicon 生成器: 生成各种尺寸和格式的 Favicon 图标，支持上传图片和自定义配置
二维码生成: 生成自定义二维码
二维码识别: 识别图片或摄像头中的二维码
图片格式转换: 图片格式转换工具,支持 JPG、PNG、WebP、GIF 格式互相转换

JSON工具 (JSON)

JSON 格式化: JSON 格式化工具，支持格式化、压缩、高亮显示等功能
JSON 转表格: 将 JSON 数据转换为表格格式，并支持下载 CSV 文件
JSON YAML 转换: JSON 和 YAML 格式之间的转换工具，支持双向转换
Mock数据生成器: 使用faker-js/faker生成mock数据，支持自定义JSON结构

网络工具 (Network)

网络工具: HTTP Ping、端口检测、DNS解析、网速测试
浏览器信息: 检测浏览器详细信息，包括系统、硬件、网络等
API 接口调试工具: 构建并发送 HTTP 请求，支持多种请求方法与参数格式，便于接口调试与测试

字符串工具 (Strings)

字符串转换: 字符串转换工具，支持多种转换方式
随机字符串生成器: 生成安全的随机字符串，支持自定义长度和字符类型
字符串对比: 比较两个字符串的差异，高亮显示不同的部分
正则表达式工具: 测试、验证和生成正则表达式

技术栈

前端框架: Vue 3 + TypeScript
构建工具: Vite
样式方案: Tailwind CSS
状态管理: Pinia
路由管理: Vue Router
日期处理: dayjs
网络请求: Axios
代码质量: ESLint + Prettier

系统要求

Node.js: ^20.19.0 || >=22.12.0

项目设置

安装依赖


# 使用 pnpm
pnpm install

# 或使用 npm
npm install

# 或使用 yarn
yarn install

开发模式运行


pnpm run dev

构建生产版本


pnpm run build

预览生产构建


pnpm run preview

代码质量检查


# 格式化代码
pnpm run format

#  lint检查
pnpm run lint

# 类型检查
pnpm run type-check

# 综合检查（格式化 + lint + 类型检查 + 构建）
pnpm run check

项目结构


src/
├── assets/          # 静态资源
├── components/      # 通用组件
├── composables/     # 组合式函数
├── layouts/         # 布局组件
├── router/          # 路由配置
├── types/           # 类型定义
├── views/           # 页面视图
│   ├── development/ # 开发工具
│   ├── encryption/  # 加密工具
│   ├── game/        # 游戏工具
│   ├── image/       # 图片工具
│   ├── json/        # JSON工具
│   ├── network/     # 网络工具
│   ├── strings/     # 字符串工具
│   └── HomeView.vue # 首页
├── App.vue          # 根组件
└── main.ts          # 入口文件