# vue3-admin-vite

**Repository Path**: tian_rui_kuan/vite

## Basic Information

- **Project Name**: vue3-admin-vite
- **Description**: vite项目 采用vue3代码搭建，可以当成vue-admin-element的v3版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-02-12
- **Last Updated**: 2023-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript 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

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

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.

## 介绍
- Vue 3 + Typescript + Vite 代码学习
- 路由守卫、role权限控制(/router/guard & /store/modules/user)
- Pinia 存储临时数据
- 操作token封装处理
- session、local、cookie存储封装
- http请求采用axios
- UI库 element-plus
- vite服务打包项目（path: /build/vite）,svg显示采用：vite-plugin-svg-icons（path: /build/vite/plugin）

## vite 插件推荐

- vite-plugin-mock - 用于本地及开发环境数据 mock
- vite-plugin-html - 用于 html 模版转换，可以在html文件内进行书写模版语法
- vite-plugin-style-import - 用于组件库样式按需引入
- vite-plugin-imagemin - 用于打包压缩图片资源
- vite-plugin-theme - 用于在线切换主题色/黑暗主题适配等主题相关配置
- vite-plugin-compression - 用于打包输出.gz|.br文件
- vite-plugin-svg-icons - 快速生成 svg sprite