Vue3 开源 Web 超多实用 IT 开发者 在线工具集

it-tools 是一个为开发者和 IT 行业工作者设计的工具集合，开源免费，支持在线使用、本地部署，使用 Vue.js 和 Naive UI 组件开发，支持响应式、多语言、主题切换、全局搜索、注重用户体验（UX）。这些工具可以帮助开发者快速完成日常任务，提高工作效率。

使用方法

在线使用

• • 访问网站：直接访问 it-tools 的在线版本，无需安装或配置。
• • 选择工具：在工具列表中选择你需要的工具。
• • 使用工具：输入或粘贴相关数据，点击“格式化”、“转换”、“测试”等按钮，即可完成操作。

自托管部署

• • 通过 Docker 部署：
  1. 1. 从 Docker Hub 获取镜像：

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

  2. 2. 从 GitHub Packages 获取镜像：

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

  3. 3. 访问工具：部署完成后，通过浏览器访问 http://localhost:8080 即可使用。

本地开发

• • 安装依赖：

  pnpm install

• • 启动开发服务器：

  pnpm dev

• • 构建生产版本：

  pnpm build

• • 运行单元测试：

  pnpm test

• • 代码检查：

  pnpm lint

创建新工具

• • 使用脚本生成工具框架：

  pnpm run script:create:tool my-tool-name

  该命令将在 src/tools 目录下创建一个包含正确文件的目录，并在 src/tools/index.ts 中添加相应的导入语句。

• • 开发工具：在生成的目录中添加工具的逻辑代码，并在 src/tools/index.ts 中将工具添加到合适的分类中。

示例工具

编解码全家桶

网络/运维

文本/数据清洗

前端/样式

实用小玩意

功能和特性

功能

1. 1. 代码格式化工具：支持多种编程语言的代码格式化，帮助开发者快速整理代码。
2. 2. 颜色转换工具：支持 RGB、HEX、HSL 等颜色格式之间的转换。
3. 3. JSON 格式化工具：帮助开发者快速格式化和验证 JSON 数据。
4. 4. 正则表达式测试工具：支持正则表达式的编写和测试，帮助开发者快速验证正则表达式的正确性。
5. 5. 文本处理工具：包括文本反转、文本去重、文本排序等功能。
6. 6. 随机数据生成器：生成随机字符串、数字、UUID 等。
7. 7. 更多工具：项目还在不断更新中，更多工具将陆续加入。

特性

1. 1. 良好的用户体验：界面简洁，操作直观，易于使用。
2. 2. 自托管支持：可以通过 Docker 等方式轻松部署到本地服务器，方便在本地环境中使用。
3. 3. 开源项目：代码完全开源，开发者可以自由查看、修改和扩展。
4. 4. 持续更新：项目维护者会根据用户反馈和需求不断更新和改进工具。
5. 5. 社区驱动：用户可以通过提交功能请求或贡献代码来参与项目的发展。