Lithe Admin

预览地址

📖文档地址

English | 简体中文

📃 简介

Lithe Admin 是一个轻盈而优雅的后台管理模板，基于 Vue 3、Naive UI、Vite 8、Tailwind CSS 4、TypeScript 6 和 Pinia 构建。项目沿用折纸般的页面结构设计，保持轻量的业务依赖和低耦合配置，适合灵活扩展、个性化定制，以及快速搭建和渐进式迭代后台管理系统。

✨ 特性

• 🎨 现代化设计 - 基于 Tailwind Color 配色方案，采用磨砂质感和纹理效果，​​提升视觉层次与主题表现力
• 🧩 灵活主题定制 - 支持自定义颜色、主题、组件样式
• 🧭 交互反馈效果 - 韵滑的过渡效果，交互体验更自然流畅
• 📱 移动端响应式 - 还不错的响应式支持
• 📝 代码规范 - 通过 ESLint 规范代码质量，Prettier 格式化代码风格
• 🎯 TypeScript - 完整的 TypeScript 支持，更好的类型提示与开发体验
• ⚡ Vite - 快速的开发服务器和构建工具

🚀 快速开始

环境要求

• Node.js: ^20.19.0 或 >=22.12.0
• 包管理器: pnpm、npm、yarn、bun

创建项目（推荐）

# 使用 pnpm 创建项目
pnpm create lithe@latest

# 使用 npm 创建项目
npm create lithe@latest

# 使用 yarn 创建项目
yarn create lithe@latest

# 使用 bun 创建项目
bun create lithe@latest

目前提供了

• Lithe Admin（默认演示版）
• Lithe Admin lite（精简版，只有基础的页面）

安装依赖

# 使用 pnpm
pnpm install

# 或使用 npm
npm install

# 或使用 yarn
yarn install

# 或使用 bun
bun install

开发模式

pnpm run dev

单元测试

pnpm run test:unit

构建生产版本

pnpm run build

预览生产版本

pnpm run preview

代码检查

# 检查类型
pnpm run type-check

# 检查代码质量
pnpm run lint:check

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

# 检查代码格式
pnpm run format:check

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