BirdMonitoringPlatform

# Lithe Admin      [预览地址](#)

📃 简介

Lithe Admin 是一个极简而优雅的后台管理模板，基于 Vue3 Naive UI Vite7 TailwindCSS4 TypeScript Pinia 构建，折纸般的页面结构设计，羽量的业务依赖与配置代码，专为灵活拓展而设计，助你高效搭建个性化的后台管理系统

✨ 特性

• 🎨 现代化设计 - 基于 Tailwind Color 配色方案，风格清新自然
• 🧩 灵活主题定制 - 支持自定义主题、色彩、组件样式
• 📝 代码规范 - 通过 ESLint 规范代码质量，Prettier 格式化代码风格
• 🎯 TypeScript - 完整的 TypeScript 支持，更好的类型提示与开发体验
• ⚡ Vite - 快速的开发服务器和构建工具

🚀 快速开始

环境要求

• Node.js: ^20.19.0 或 >=22.12.0
• 包管理器: pnpm (推荐) 或 npm 或 yarn

安装依赖

# 使用 pnpm (推荐)
pnpm install

# 或使用 npm
npm install

# 或使用 yarn
yarn install

开发模式

pnpm dev

单元测试

pnpm test:unit

构建生产版本

pnpm build

预览生产版本

pnpm preview

代码检查

# 检查代码质量
pnpm lint:check

# 自动修复代码问题
pnpm lint:fix

# 检查代码格式
pnpm format:check

# 自动格式化代码
pnpm format:fix

🗳️ 图标

图标库使用 Iconify，使用方式如下：

<!-- 使用 ph 前缀 -->
<span class="iconify ph--x"></span>

<!-- 直接使用 -->
<span class="iconify-[fluent--data-area-32-regular]"></span>

上面的 ph 前缀需要在 src/assets/main.css 中进行配置，详细文档请参考 Iconify Tailwind 4

@plugin "@iconify/tailwind4" {
  prefixes: ph;
  prefix: 'iconify';
  scale: 1.2;
}