快速搭建！一个轻量的在线工具箱！

大家好，我是 Java陈序员。
之前给大家介绍过一款个人在线工具箱。
8.7K+ Star！快速搭建个人在线工具箱
今天，再给大家安利一个开源轻量的在线工具箱！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

tools-web —— 一个轻量的在线工具箱，覆盖开发运维、文本处理、教育学术、图片处理、数据图表、选择随机等数十种工具，只需简单几步，即可快速搭建。
工具列表：

• 开发运维：随机密码生成、URL编码/解码、UUID生成器、时间戳转换、MD5在线加密、Json在线转换、正则测试工具、Unicode转中文、HTTP状态码、JWT解析、html实体转义、js代码格式化/压缩、Html代码格式化、Css代码格式化/压缩
  
• 文本处理：文本对比、markdown编辑器、字数统计、文本去重、ASCII字形生成器、在线文本编辑/HTML获取
  
• 教育学术：单位换算、摩斯电码、常用进制转换、ASCII码表、长度单位转换、面积单位转换、重量单位转换、时间单位转换、温度单位转换、压力单位转换、热量单位转换、功率单位转换
  
• 图片处理：二维码生成、在线图片处理、文本转图片、图片分割
  
• 数据图表：柱状图、折线图、饼图、散点图
  
• 选择随机：生成随机数、帮我决定、抛硬币、投骰子
  
• 其他工具：数字转金额大写、手持弹幕、色板、Color选择器
  

快速部署

tools-web 支持 Docker 部署，可使用 Docker 一键部署。

1. docker run -d \
2.     --name tools-web \
3.     --restart unless-stopped  \
4.     -p 8080:80 docker0796/tools-web:latest

复制代码

容器启动成功后，访问：

1. http://{ip/域名}:8080

复制代码

功能截图

• 开发运维
  

• 文本处理
  

• 教育学术 && 图片处理
  

• 数据图表 && 选择随机 && 其他工具
  

本地开发

本地运行

依赖 Node.js 环境。

1、克隆源码

1. git clone --depth=1 https://github.com/naroat/tools-web.git

复制代码

2、安装依赖，推荐使用 pnpm

1. ## 安装 pnpm
2. npm install pnpm -g
4. ## 进入项目
5. cd tools-web
7. ## 安装依赖
8. pnpm install

复制代码

3、复制配置文件

1. cp .env.example .env.development

复制代码

4、启动

1. pnpm run dev

复制代码

5、打包构建

1. pnpm run build

复制代码

添加新功能

如果想在源项目的基础上添加新功能，只需要如下几步：
1、在 components/Tools/tools.ts 文件中添加工具信息
2、在 router/router.ts 中添加路由
3、拷贝示例目录 components/Tools/Example 修改名称，在这个拷贝出来的目录中开发工具即可
tools-web 提供了一套基础的在线工具模板，只需要几步，就能轻松搭建。而且，还能继续扩展工具箱！快去体验试试吧~

1. 项目地址：https://github.com/naroat/tools-web

复制代码

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

1. https://github.com/chenyl8848/great-open-source-project

复制代码

或者访问网站，进行在线浏览：

1. https://chencoding.top:8090/#/

复制代码

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！