/tools-web

在线工具站; 工具分类覆盖开发运维、文本处理、图片处理、图表处理、随机工具、查询工具等;常见工具json转换、密码生成、时间戳、单位换算、在线图片编辑

Primary LanguageVueMIT LicenseMIT

    _______          _         __          __  _     
 |__   __|        | |        \ \        / / | |    
    | | ___   ___ | |___ _____\ \  /\  / /__| |__  
    | |/ _ \ / _ \| / __|______\ \/  \/ / _ \ '_ \ 
    | | (_) | (_) | \__ \       \  /\  /  __/ |_) |
    |_|\___/ \___/|_|___/        \/  \/ \___|_.__/ 
  

只需简单几步,即可快速搭建属于自己的在线工具箱。

node vue tailwindcss elementplus license

目录

功能展示

在线站点:Tools-Web

开始使用

Docker部署

docker run -d --name tools-web --restart unless-stopped -p 8080:80 docker0796/tools-web:latest

访问:http://127.0.0.1:8080

手动部署

安装pnpm

npm install pnpm -g

克隆

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

安装

# 进入项目
cd tools-web

# 复制配置文件
cp .env.example .env.development

# 安装
pnpm install

启动

pnpm dev

打包

pnpm build

打包seo静态页面:复制.env.development文件,并将文件名修改为.env.production,将里面的NODE_ENV的值改为productio,然后运行下面打包命令

pnpm build:pro

工具列表

  • 开发运维

    • 随机密码生成
    • URL编码/解码
    • UUID生成器
    • 时间戳转换
    • MD5在线加密
    • Json在线转换
    • 正则测试工具
    • Unicode转中文
    • HTTP状态码
    • JWT解析
    • html实体转义
    • js代码格式化/压缩
    • Html代码格式化
    • Css代码格式化/压缩
  • 文本处理

    • 文本对比
    • markdown编辑器
    • ASCII字形生成器
    • 文本去重
    • 在线文本编辑/HTML获取
    • 字数统计
  • 教育学术

    • 单位换算
    • 摩斯电码
    • 常用进制转换
    • ASCII码表
    • 长度单位转换
    • 面积单位转换
    • 重量单位转换
    • 时间单位转换
    • 温度单位转换
    • 压力单位转换
    • 热量单位转换
    • 功率单位转换
  • 图片处理

    • 二维码生成
    • 在线图片处理
    • 文本转图片
    • 图片分割
  • 数据图表

    • 柱状图
    • 折线图
    • 饼图
    • 散点图
  • 选择随机

    • 生成随机数
    • 帮我决定
    • 抛硬币
    • 投骰子
  • 其他工具

    • 数字转金额大写
    • 手持弹幕
    • 色板
    • Color选择器

其他

Q: 我应该如何添加新功能?

A:

  • components/Tools/tools.ts文件中添加工具信息
  • router/router.ts中添加路由
  • 拷贝示例目录components/Tools/Example修改名称,在这个拷贝出来的目录中开发工具即可

Q: 我可以参与开发 Tools-Web 吗?

A: 当然可以,随时欢迎提交 PR