# vuecli-admin-system

**Repository Path**: ahcheng/vuecli-admin-system

## Basic Information

- **Project Name**: vuecli-admin-system
- **Description**: 基于 vue-cli 的 vue3 简易后台管理系统，集成tailwind ElementPlus Echars Axios
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-08
- **Last Updated**: 2025-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

filmhub-admin-thin
=================

该项目基于 Vue 3 和相关技术栈构建，是一个轻量级的管理后台模板。它提供了基础的页面结构、组件、路由以及 API 请求管理等功能，适用于快速搭建管理类 Web 应用。

## 项目特点

- 基于 Vue 3 + TypeScript + Vite 构建
- 使用 Pinia 进行状态管理
- 集成 Element Plus UI 框架
- 支持 Tailwind CSS 快速样式开发
- 提供基础布局（Header、Sidebar、Footer）
- 包含常用页面模板（登录、错误页、数据列表、图表等）
- 支持请求封装与并发控制
- 提供分页 Hook 与主题切换功能

## 技术栈

- Vue 3
- TypeScript
- Pinia
- Vue Router
- Axios
- Element Plus
- Tailwind CSS
- Sass
- Prettier & Eslint

## 目录结构

```
├── public/                  # 静态资源
├── src/
│   ├── api/                 # 接口定义
│   ├── components/          # 公共组件
│   ├── enums/               # 枚举定义
│   ├── hooks/               # 自定义 Hook
│   ├── layout/              # 页面布局组件
│   ├── plugins/             # 插件集成
│   ├── router/              # 路由配置
│   ├── stores/              # Pinia 状态管理
│   ├── styles/              # 样式文件
│   ├── utils/               # 工具函数
│   ├── views/               # 页面视图
│   └── main.ts              # 入口文件
├── .browserslistrc
├── .gitignore
├── .prettierrc
├── package.json
├── pnpm-lock.yaml
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── vue.config.js
```

## 安装与运行

### 安装依赖

```bash
pnpm install
```

### 开发环境启动

```bash
pnpm dev
```

### 构建生产环境

```bash
pnpm build
```

### Lint 检查

```bash
pnpm lint
```

## 使用说明

- **接口请求**：统一使用 `src/utils/request` 中封装的 Axios 实例
- **路由管理**：在 `src/router/index.ts` 中添加或修改路由配置
- **状态管理**：使用 Pinia，在 `src/stores/` 下定义 store
- **组件复用**：通用组件存放在 `src/components/` 下
- **主题切换**：通过 `src/utils/theme.ts` 控制暗色/亮色主题

## 贡献指南

欢迎提交 Issue 和 Pull Request。请遵循项目代码规范和风格。

## 许可证

MIT License，详见 LICENSE 文件。