https://github.com/naroat/tools-web
在线工具站; 工具分类覆盖开发运维、文本处理、图片处理、图表处理、随机工具、查询工具等；常见工具json转换、密码生成、时间戳、单位换算、在线图片编辑
https://github.com/naroat/tools-web
javascript json tailwind tool tools tools-web toolsweb ts typescript webtools
Last synced: 5 months ago
JSON representation
在线工具站; 工具分类覆盖开发运维、文本处理、图片处理、图表处理、随机工具、查询工具等；常见工具json转换、密码生成、时间戳、单位换算、在线图片编辑
- Host: GitHub
- URL: https://github.com/naroat/tools-web
- Owner: naroat
- License: mit
- Created: 2023-11-28T08:35:37.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-23T06:43:10.000Z (almost 2 years ago)
- Last Synced: 2024-08-24T05:23:59.863Z (almost 2 years ago)
- Topics: javascript, json, tailwind, tool, tools, tools-web, toolsweb, ts, typescript, webtools
- Language: Vue
- Homepage: https://tools.ranblogs.com
- Size: 2.43 MB
- Stars: 82
- Watchers: 2
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
_______ _ __ __ _
|__ __| | | \ \ / / | |
| | ___ ___ | |___ _____\ \ /\ / /__| |__
| |/ _ \ / _ \| / __|______\ \/ \/ / _ \ '_ \
| | (_) | (_) | \__ \ \ /\ / __/ |_) |
|_|\___/ \___/|_|___/ \/ \/ \___|_.__/
只需简单几步，即可快速搭建属于自己的在线工具箱。
[](node)
[](vue)
[](tailwindcss)
[](elementplus)
[](LICENSE)
## 目录
- [功能展览](#功能展览)
- [开始使用](#开始使用)
- [Docker部署](#Docker部署)
- [手动部署](#手动部署)
- [工具列表](#工具列表)
- [其他](#其他)
## 功能展示
在线站点：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`