# admin-pro

**Repository Path**: wjb58/admin-pro

## Basic Information

- **Project Name**: admin-pro
- **Description**: 从0到1脚手架课程源代码
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 52
- **Created**: 2025-07-13
- **Last Updated**: 2025-07-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Admin Pro

Admin Pro 是一个基于 Vue 3 和 TypeScript 的管理界面模板，适用于快速开发企业级后台管理系统。

## 技术栈

- Vue 3
- TypeScript
- Vite
- Pinia（状态管理）
- Vue Router
- Reset CSS 样式表

## 功能特点

- 响应式布局，支持多种设备访问
- 基于模块化的开发模式
- 提供基础样式重置，确保浏览器一致性
- 简洁的 HTML 结构，利于 SEO 和可访问性
- 支持环境变量配置（开发环境与生产环境）

## 安装与使用

### 安装依赖

确保已安装 [Node.js](https://nodejs.org) 和 [pnpm](https://pnpm.io/)，然后运行：

```bash
pnpm install
```

### 启动开发服务器

```bash
pnpm dev
```

### 构建生产版本

```bash
pnpm build
```

## 项目结构

- `.env` 系列文件：环境变量配置
- `src/`：核心源码目录
  - `App.vue`：Vue 根组件
  - `main.ts`：入口文件，创建 Vue 应用
  - `router/index.ts`：Vue Router 路由配置
  - `store/index.ts`：Pinia 状态管理配置
  - `http/request.ts`：封装的 HTTP 请求模块
  - `views/home/index.vue`：主页视图组件
  - `styles/reset.css`：全局样式重置
- `index.html`：HTML 入口文件
- `vite.config.ts`：Vite 构建配置
- `tsconfig.json`：TypeScript 配置

## 贡献

欢迎提交 Pull Request 或 Issue，帮助我们改进项目。请遵循项目的代码规范并确保代码质量。

## 许可证

本项目采用 MIT 许可证，详情请参阅 [LICENSE](LICENSE) 文件。