# vue3-rabbit

**Repository Path**: kang-zhenbin/vue3-rabbit

## Basic Information

- **Project Name**: vue3-rabbit
- **Description**: 黑马小兔儿鲜项目学习
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-03
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, Pinia, element-plus

## README

# vue3-rabbit

## 前言

> 首先非常感谢黑马程序员在bilibili上的免费教学视频，这使我受益匪浅，已一键三连，先赞后看

视频地址：[黑马程序员前端Vue3小兔鲜电商项目实战，vue3全家桶从入门到实战电商项目一套通关](https://www.bilibili.com/video/BV1Ac411K7EQ/?spm_id_from=333.1007.top_right_bar_window_custom_collection.content.click&vd_source=303696ff3e04db07210b4cf11d029b3d)。

本项目适合人群：
- 1、已经学过Vue2，想要进阶Vue3的小伙伴们
- 2、学过Vue3基础，但是苦于没有项目练手的小伙伴们
- 3、想要跳过Vue2直接上手Vue3的伙伴们
- 4、想要快速了解学习Vue技术栈的后端开发小伙伴们

黑马程序员，多一句没有，少一句不行，用更短的时间，教会更实用的技术~ 

赞

## 本项目已完成功能
- 1、Layout页
- 2、Home页
- 3、一级分类页
- 4、二级分类页
- 5、商品详情
- 6、登录页
- 7、购物车页
- 8、订单页（找到接口文档，另外自己补充添加地址功能）
- 9、支付页
- 10、会员中心
## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Compile and Minify for Production

```sh
npm run build
```

# 项目图片预览：

![这是图片](./markdown_images/01.png)
![这是图片](./markdown_images/02.png)
![这是图片](./markdown_images/03.png)
![这是图片](./markdown_images/04.png)
![这是图片](./markdown_images/05.png)
![这是图片](./markdown_images/06.png)
![这是图片](./markdown_images/07.png)
![这是图片](./markdown_images/08.png)
![这是图片](./markdown_images/09.png)
![这是图片](./markdown_images/10.png)
![这是图片](./markdown_images/11.png)