开发者都在用的开源工具箱-平芜编程栈

一、项目背景及简介

你是否遇到过这种情况？临时要转个时间戳，得去搜索引擎翻半天；想做个 URL 编码，得打开某个满是广告的在线网站；要生成一串随机密码，还得先登录注册。开发者的日常，总被这些零碎的小工具反复打断，体验糟糕还容易泄露数据。🎯

it-tools就是为解决这个痛点而生的开源项目——一个集合了 100+ 常用开发者工具的在线平台，把时间戳转换、JSON 格式化、密码生成、哈希计算、正则测试等高频操作全部集中在一个清爽的界面里。项目由 Corentin Thomasset 发起，目前在 GitHub 上已获得⭐40,301星标（2026 年 8 月 21 日通过 GitHub API 实时验证），是名副其实的「开发者百宝箱」。

它的核心价值在于：一次部署，永久免费，所有工具无需注册、无需联网依赖，数据全程本地处理。相比传统在线工具网站，它更安全、更快速、更好用。⚠️

二、技术栈解析

it-tools 采用现代前端技术栈构建，代码质量非常高。核心是 Vue 3 + TypeScript + Vite，这是当前 Vue 生态最主流、性能最优的组合。

Vue 3：使用组合式 API（Composition API）开发，逻辑复用更清晰
TypeScript：全类型约束，配合 vue-tsc 做类型检查，大幅降低运行时错误
Vite：极速冷启动与热更新，开发体验一流
Vitest：单元测试框架，保证每个工具的正确性

在 UI 层面，它用到了@vueuse/core（组合式工具集）、crypto-js（加密算法）、colord（颜色处理）、cronstrue（cron 表达式解析）等专业库。每个工具都被封装成独立模块，通过script:create:tool脚本一键生成脚手架，架构高度模块化，扩展新工具只需几行命令。✅

三、核心功能

it-tools 的功能覆盖了开发者日常几乎所有高频需求，按类别划分清晰明了：

编码与转换类

时间戳 ↔ 日期互转
URL / Base64 / 十六进制编解码
JSON / YAML / TOML 格式互转
颜色格式转换（HEX、RGB、HSL）

安全与加密类

密码强度检测与随机密码生成
MD5、SHA1、SHA256、bcrypt 等哈希计算
AES / RSA 加解密
JWT 解析与验证

文本与格式化类

JSON 格式化与压缩
正则表达式测试与可视化
Markdown 预览
文本差异对比（Diff）

网络与开发辅助

端口扫描、IP 信息查询
Cron 表达式生成与解析
UUID / 随机数据生成
HTTP 状态码速查

每个工具都针对高频使用场景做了极致优化，点开即用、即时反馈，没有任何学习成本。⭐️

四、项目优势

相比市面上的在线工具网站，it-tools 的优势非常明显：

数据安全：所有计算在浏览器本地完成，不上传服务器，敏感数据零泄露风险
无广告纯净：没有弹窗、没有付费墙，界面干净无干扰
离线可用：自托管部署后，内网也能畅快使用
高度可扩展：模块化架构，想加什么工具随时可以自己开发
多语言支持：内置国际化（i18n），全球开发者都在用

选型建议：如果你是个人开发者、技术团队或想在公司内网搭一个工具平台，it-tools 是绝佳选择。但如果你需要的是极个别专业级功能（如复杂的代码混淆），可能仍需配合专业工具使用。

五、安装使用

it-tools 最推荐的部署方式是Docker 一键启动，几秒钟就能跑起来：

docker run -d --name it-tools --restart unless-stopped -p 8080:80 corentinth/it-tools:latest

启动后，浏览器访问http://localhost:8080即可使用全部工具。如果习惯本地开发，也可以克隆源码用 pnpm 运行：

git clone https://github.com/CorentinTh/it-tools.git cd it-tools pnpm install pnpm dev

访问http://localhost:5173进入开发模式，支持热更新调试。

六、代码示例

下面演示如何在本地开发中新增一个自定义工具。it-tools 提供了脚手架命令，一行即可生成：

# 生成名为 my-tool 的工具脚手架 pnpm run script:create:tool my-tool

生成后在src/tools/my-tool/index.ts中实现核心逻辑，以「文本反转」为例：

import { computed, ref } from 'vue' import { useI18n } from '@/i18n' export const useTool = () => { const { t } = useI18n('my-tool') const input = ref('') // 输入文本 const output = computed(() => // 反转后的结果 input.value.split('').reverse().join('') ) return { input, output, t } // 返回给模板使用 }

代码注释清晰：computed实现响应式实时计算，输入即输出，无需手动点击按钮。这就是 it-tools 每个工具的运行原理——纯前端、即时反馈、不依赖后端。你只需修改模板文件就能把工具挂到界面上，几分钟完成一个自定义工具。