# vue3admin

**Repository Path**: potatog/vue3admin

## Basic Information

- **Project Name**: vue3admin
- **Description**: vue3 + vite + elementPlus
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-07
- **Last Updated**: 2022-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vite+vue3+elementPlus
建议开发工具：vscode + Volar
主要依赖


## 项目初始化

官网：[https://vitejs.cn/](https://vitejs.cn/)

```
#创建项目
>yarn create vite my-vue-app --template vue
#进入项目目录
>cd my-vue-app
#安装项目依赖 同 npm install
>yarn
#启动项目
>yarn dev
```

## 相关依赖

 - vue-router: [https://router.vuejs.org/zh/installation.html](https://router.vuejs.org/zh/installation.html)
 - vue-vuex : [https://vuex.vuejs.org/zh/guide/](https://vuex.vuejs.org/zh/guide/)
 - axios : [http://www.axios-js.com/](http://www.axios-js.com/)
 - mockjs : [http://mockjs.com/](http://mockjs.com/)

 - elementPlus : [https://element-plus.gitee.io/zh-CN/](https://element-plus.gitee.io/zh-CN/)
 - ECharts [https://echarts.apache.org/handbook/zh/basics/download](https://echarts.apache.org/handbook/zh/basics/download)

## 主要目录结构说明

```
vueadmin 项目根目录
├─public/
├─src/
│  ├─assets/                静态文件目录
│  ├─components/            公共组件目录
│  ├─pages/         		页面组件目录
│  ├─router/                路由封装目录
│  │  ├─index.js            路由入口，用来管理路由拦截等配置
│  │  ├─routes.js           路由设置，用来配置各个页面的访问路由
│  │
│  ├─axios/                 网络请求封装
│  │  ├─index.js            入口
│  │
│  ├─mock/                 本地测试请求模拟返回封装
│  │  ├─index.js           入口 在main.js引入后会默认拦截请求
│  ├─api/                  封装所有的http请求
│  │  ├─index.js           
│  │
│  ├─store/                 状态管理封装
│  │  ├─index.js            入口
│  │  ├─modules/            模块化
│  │  │    ├─coolapse.js    左侧导航菜单状态管理
│  │  │    ├─tags.js        顶部表桥状态管理
│  │  │    ├─user.js        登录账号状态管理
│  └─
 ```

 
 
 ## 错误总结：
尝试重启一下项目