ToolHub

关于 ToolHub

ToolHub 是一个开源的在线工具集合，旨在为开发者提供常用的小工具， 例如 JSON 格式化、Base64 编解码、UUID 生成、时间戳转换与哈希计算等。 所有工具调用统一走后端 API，前端基于 Nuxt 3 构建，开箱即用、易于扩展。

技术栈

Nuxt 3

Vue 3 全栈框架，支持 SSR / SSG / ISR

Vue 3

渐进式 JavaScript 框架，Composition API

TypeScript

静态类型检查，提升代码可维护性

Pinia

Vue 官方推荐的状态管理库

Tailwind CSS

原子化 CSS 框架，快速构建现代 UI

VueUse

Vue Composition API 实用工具集合

特性

  • ✓开箱即用的 SSR 支持，利于 SEO
  • ✓统一的 API 封装（useApi / $api），base url 可配置
  • ✓开发环境内置跨域代理（nitro devProxy /api）
  • ✓响应式布局，移动端友好
  • ✓模块化的工具交互组件，易于扩展新工具

项目结构 

frontend/
├─ assets/css/        # 全局样式
├─ components/        # 公共与工具交互组件
│  └─ tools/          # 各工具的交互 UI
├─ composables/       # useApi 等
├─ layouts/           # 布局
├─ pages/             # 路由页面
│  └─ tools/[slug].vue
├─ plugins/           # $api 注入
├─ stores/            # Pinia 状态
├─ app.vue
├─ nuxt.config.ts
└─ tailwind.config.ts

欢迎贡献！如有问题或建议，请访问 GitHub 仓库。

前往 GitHub