@wlydfe/unocss-config

自定义的 UnoCSS 配置包，提供一套完整的原子化 CSS 工具类。

特性

• 🎨 完整的设计系统 (颜色、字体、间距)
• 📱 移动优先的响应式设计
• 🔧 丰富的快捷类 (布局、定位、边框、文本)
• 💡 TypeScript 支持
• 🚀 开箱即用

安装

pnpm add @wlydfe/unocss-config

使用

// uno.config.ts
import { wlyd } from '@wlydfe/unocss-config'

export default wlyd({
  // 你的自定义配置
})

或者使用默认配置：

// uno.config.ts
import config from '@wlydfe/unocss-config'

export default config

开发

本地开发

# 安装依赖
pnpm install

# 开发模式
pnpm dev

# 构建
pnpm build

# 代码检查
pnpm lint

# 类型检查
pnpm typecheck

发布流程

项目配置了完整的一键发布流程，包含以下步骤：

1. 代码校验 - 通过 husky 预提交钩子自动执行 ESLint 检查
2. 提交代码 - 使用 commitizen 规范化提交信息
3. 版本更新 - 使用 bumpp 自动更新版本号并打 git 标签
4. 生成日志 - 自动生成 CHANGELOG.md
5. 发布包 - 发布到 npm

交互式发布

pnpm release

执行后会看到交互式界面，选择发布类型：

• 补丁版本 (1.0.0 → 1.0.1) - 修复 bug
• 小版本 (1.0.0 → 1.1.0) - 新功能
• 大版本 (1.0.0 → 2.0.0) - 破坏性变更
• 测试版本 (1.0.0 → 1.0.1-beta.0) - 预发布
• 快速发布 - 让 bumpp 交互式选择版本

快捷发布命令

# 发布补丁版本
pnpm release:patch

# 发布小版本
pnpm release:minor

# 发布大版本
pnpm release:major

# 发布测试版本
pnpm release:beta

# 快速发布 (交互式选择版本)
pnpm release:quick

单独的工具命令

# 规范化提交
pnpm commit

# 生成更新日志
pnpm changelog

所有发布命令都会自动执行：代码检查 → 类型检查 → 构建 → 版本更新 → 生成日志 → 推送代码 → 发布到 npm

Sponsors

License

MIT License © 2021-PRESENT goodswifter