# vue3-rabbit

**Repository Path**: ok991/vue3-rabbit

## Basic Information

- **Project Name**: vue3-rabbit
- **Description**: 黑马-小兔鲜
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-20
- **Last Updated**: 2025-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-rabbit

基于 Vue 3 + Vite 的电商后台管理系统模板

## 技术栈

- Vue 3 + Vite
- Pinia 状态管理
- Element Plus UI 组件库
- Vue Router 路由管理
- Axios HTTP 请求
- VueUse 工具库
- Day.js 日期处理

## 项目结构

```
vue3-rabbit/
├── public/               # 静态资源
├── src/
│   ├── apis/             # API 接口模块
│   ├── assets/           # 静态资源
│   ├── components/       # 通用组件
│   ├── composables/      # 组合式函数
│   ├── directives/       # 自定义指令
│   ├── router/           # 路由配置
│   ├── stores/           # Pinia 状态管理
│   ├── styles/           # 全局样式
│   ├── utils/            # 工具函数
│   ├── views/            # 页面视图
│   ├── App.vue           # 根组件
│   └── main.js           # 入口文件
├── .editorconfig         # 编辑器配置
├── .eslintrc.js          # ESLint 配置
├── .gitignore            # Git 忽略配置
├── .prettierrc.json      # Prettier 配置
├── index.html            # 入口 HTML
├── jsconfig.json         # JS 配置
├── package.json          # 项目依赖
├── vite.config.js        # Vite 配置
└── README.md             # 项目文档
```

## 功能模块

- **用户模块**：登录、注册、个人信息
- **商品模块**：商品分类、商品详情、商品列表
- **购物车模块**：购物车管理、结算
- **订单模块**：订单管理、支付
- **布局模块**：头部导航、底部信息、侧边栏

## 开发工具

- [VSCode](https://code.visualstudio.com/) + [Vue Official Extension Pack](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (推荐使用 Volar 替代 Vetur)
- Vue Devtools 浏览器插件

## 项目配置

### 安装依赖
```sh
npm install
```

### 开发模式
```sh
npm run dev
```

### 生产构建
```sh
npm run build
```

### 代码检查
```sh
npm run lint
```

### 代码格式化
```sh
npm run format
```

## 开发规范

1. 组件命名：大驼峰式（PascalCase）
2. 视图文件：小写字母，使用连字符（kebab-case）
3. 状态管理：使用 Pinia，按功能模块划分 store
4. API 请求：统一在 `src/apis/` 目录管理
5. 样式编写：使用 SCSS，遵循 BEM 命名规范

## 贡献指南

1. Fork 本项目
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送分支 (`git push origin feature/AmazingFeature`)
5. 提交 Pull Request

## 许可证

MIT License