2 Star 3 Fork 0

yesrefueling88 / toolkit

加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

toolkit

简介

一个基于Taro3开发的工具箱,集合了各种各样、功能丰富的小工具。此项目旨在实践前端多端统一,目标是一套代码可以运行在多平台(小程序、H5、安卓、IOS)。

微信小程序

H5

安卓

项目技术栈

已开发完成的工具

  • 生成二维码
  • 生成条形码
  • 屏幕时间
  • 秒表
  • Base64图片转换
  • RGB颜色转换
  • 正则表达式匹配测试
  • Json格式化
  • 英文大小写转换
  • 计算器
  • 体积计算器
  • 表面积计算器
  • 面积计算器
  • MD5加密
  • 更多工具持续开发中...

多端开发进度

  • 微信小程序
  • H5
  • 安卓
  • IOS适配中...

目录结构

├── config // Taro配置目录
├── src
│   ├── app.config.ts // app配置文件(页面声明、状态栏属性等)
│   ├── app.scss // 项目总通用样式
│   ├── app.ts // 项目入口文件
│   ├── assets // 静态资源文件(图片、字体等)
│   ├── components // 封装的一些多端组件
│   ├── index.html // 页面模板
│   ├── pages // 业务页面文件夹
│   ├── style // 公共样式文件夹   
│   └── utils // 工具类库
├── global.d.ts // 全局类型声明文件
├── package.json // npm配置文件
├── project.config.json // 小程序配置文件
├── tsconfig.json // typescript配置文件
└── yarn.lock // node依赖包锁定配置文件

在线预览

小程序 H5 React Native
安卓:toolkit.apk

本地运行

  # clone到本地
  git clone https://github.com/yesrefueling88/toolkit.git
  
  # 进去项目根目录
  cd toolkit
  
  # 安装依赖
  yarn
  
  # 运行微信小程序
  yarn dev:weapp

  # 运行RN 默认端口8081
  yarn dev:rn

  # 运行H5
  yarn dev:h5

License

MIT

简介

多端统一实例 - 工具箱,基于taro3 + react-hooks + redux + typescript开发,集合了各种各样、功能丰富的小工具。 展开 收起
TypeScript 等 4 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/yesrefueling88/toolkit.git
git@gitee.com:yesrefueling88/toolkit.git
yesrefueling88
toolkit
toolkit
main

搜索帮助