# vue3_ts_rabbit-fairy-pc

**Repository Path**: zhao-jingtao-l/vue3_ts_rabbit-fairy-pc

## Basic Information

- **Project Name**: vue3_ts_rabbit-fairy-pc
- **Description**: 基于 Vue3 + ts的小兔鲜商城PC用户端的项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-02-15
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, TypeScript, Element-UI, Sass, Axios

## README

# 基于Vue3的小兔仙商城项目基础搭建流程
**接口文档:**

管理后台线上接口地址: http://erabbit.itheima.net/#/
管理后台本地接口地址:  http://liufusong.top/xtxapi.html


**项目的baseUrl 地址:**   https://apipc-xiaotuxian-front.itheima.net



## 一、项目创建

### 1. vite创建项目

```sh
# npm 6.x
npm init vite@latest 项目名称 --template vue

# npm 7+, 需要额外的双横线：
npm init vite@latest 项目名称 -- --template vue

#或者直接了当,接下来自行选择项目模板
npm create vite@latest  
```

### 2. 安装依赖

```sh
cd 项目目录

npm install  // 安装项目依赖
```

### 3. 运行项目查看

```sh
npm run dev
```



## 二、创建api层

### 1. 安装axios

```sh
npm install axios -S
```

### 2. axios封装

##### 3.1 service/axios.ts

## 三、屏幕尺寸(1230px)