# shop-admin

**Repository Path**: A-ngel/shop-admin

## Basic Information

- **Project Name**: shop-admin
- **Description**: vue3+vite+Element-plus+windicss+axios+vuex+scss
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-11
- **Last Updated**: 2022-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

项目采用 vue3.0 vite Element-plus windicss axios router vuex cookies
1 框架搭建
    npm init vite@latest shop-admin -- --template vue
    https://www.vitejs.net/guide/#scaffolding-your-first-vite-project

2 引入 windcss 相关配置
    https://cn.windicss.org/guide/installation.html
    
3 引入 Element-plus
    https://element-plus.gitee.io/zh-CN/guide/design.html

4 引入 router
    https://router.vuejs.org/zh/guide/advanced/navigation-guards.html

5 引入 axios
    https://axios-http.com/docs/interceptors

6 引入 cookies
    https://vueuse.org/guide/

7 引入 vuex
    https://vuex.vuejs.org/guide/getters.html#method-style-access

目录结构
1 permission 路由拦截权限

2 composables 工具 封装cookies 消息提示

3 axios 请求拦截、响应拦截