Skip to content

micro tools

简称 mt · 模块化前端工具集合,助力高效开发

npm version

GitHub stars

GitHub issues

License

简介

micro-tools(简称 mt) 是一个现代化的模块化前端工具集合,采用 monorepo 架构,基于 pnpm workspace 管理。项目涵盖 61+ 工具函数、UI 组件库、网络请求库、工程配置等,助力高效开发。每个子包独立维护,支持按需引入,提供完整的 TypeScript 类型支持。

核心特性

  • 🏗 现代化架构:基于 pnpm workspace 的 monorepo 管理,模块独立、依赖最小化
  • 📦 丰富生态:61+ 工具函数、UI 组件、网络请求、工程配置等完整解决方案
  • 🎯 类型安全:完整的 TypeScript 支持,提供类型定义和智能提示
  • ⚡ 高性能:支持按需引入,减少包体积,提升加载性能
  • 🛠 开发友好:提供 CLI 工具、Storybook 文档、完整的开发工具链

包结构

text
├── packages-components/     # 🎨 UI 组件库 (可拖拽、数字动画、CSS 三角形等)
├── packages-utils/          # 🛠 工具函数集合 (61+ 实用方法)
├── packages-style/          # 🎨 样式方案 (文本省略、样式重置等)
├── packages-fetch/          # 🌐 网络请求库 (Axios 增强封装)
├── packages-react/          # ⚛️ React 生态 (Hooks、组件、配置)
├── packages-vue/            # 🖖 Vue 生态 (组件、指令、Hooks、配置)
├── packages-cli/            # 🚀 CLI 工具 (项目启动、Storybook 配置)
├── packages-dev/            # ⚙️ 开发工具链配置 (ESLint、Prettier、Stylelint)
├── packages-enum/           # 📋 枚举类型定义
├── packages-types/          # 🎯 通用类型定义
├── packages-conf/           # ⚙️ 配置文件管理
├── packages-docs/           # 📚 文档系统
├── packages-vite-plugins/   # 🔧 Vite 插件集合
└── packages-theme/          # 🎨 主题样式

技术栈

  • 构建工具:Vite、Webpack、TypeScript
  • 包管理:pnpm workspace
  • 代码质量:ESLint、Prettier、Stylelint、Commitlint
  • 文档系统:VitePress、Storybook
  • 前端框架:Vue 3、React 18、Element Plus
  • 开发工具:Husky、lint-staged、Changesets

📊 项目统计

15+
核心包
61+
工具函数
100%
TypeScript
MIT
开源协议

🤝 社区与支持

🐛
问题反馈
报告 Bug 或提出功能建议
提交 Issue →
💬
讨论交流
与其他开发者交流使用经验
参与讨论 →
Star 支持
给项目一个 Star 表示支持
访问仓库 →
🔧
贡献代码
参与项目开发,提交 PR
查看 PR →
📝
更新日志
查看最新版本更新内容
查看更新 →
📦
NPM 包
在 NPM 上查看和安装包
访问 NPM →

📚 更多资源

  • 📖 完整文档:查看详细的 API 文档和使用示例
  • 🎨 Storybook:在线预览所有组件和工具
  • 🛠 开发指南:了解如何贡献代码和开发规范
  • 🔧 配置说明:ESLint、Prettier、TypeScript 等配置指南

基于 MIT 许可发布