# vite-vue3-starter

**Repository Path**: lubanseven/vite-vue3-starter

## Basic Information

- **Project Name**: vite-vue3-starter
- **Description**: 启动模版，基于Vite的Vue3模版
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://jasonbai008.github.io/vite-vue3-starter/
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-08-30
- **Last Updated**: 2024-08-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vite-vue3-starter

a Vue3-Starter powered by Vite.

## Stack

- vue 3.x
- vue-router 4.x
- pinia 2.x
- pinia-plugin-persistedstate
- element-plus 2.3.12
- axios
- echarts 5.x
- animate.css
- unplugin-auto-import/vite
- plop

## Features

1. 支持 SCSS
2. 支持自动打开浏览器
3. 支持配置环境变量
4. 支持开发环境请求代理
5. 支持 element-plus 自定义主题色
6. 支持自动引入 vue 模块 【借助插件：unplugin-auto-import/vite】
7. 封装了自适应 echarts 图表组件
8. 支持全局状态持久化【默认未开启】
9. 支持使用 plop 生成模版文件

## How to Use

```sh
# install dependencies
npm install

# serve with hot reload at localhost:5173
npm run dev

# build for production with minification
npm run build

# Preview builded page
npm run preview

# Generate a new component file
npm run plop
```

## Documentations

- [Vite Documentation](https://vitejs.dev/guide/)
- [Vue3 Documentation](https://v3.vuejs.org/)
- [Vue-Router4 Documentation](https://next.router.vuejs.org/guide/)
- [Pinia Documentation](https://pinia.vuejs.org/zh/introduction.html)
- [pinia-plugin-persistedstate Documentation](https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/)
- [Element-Plus Documentation](https://element-plus.org/#/zh-CN/component/installation)
- [通过Plop自动生成vue页面](https://juejin.cn/post/6997401682615205919)