# vite2-admin

**Repository Path**: ziajun/vite2-admin

## Basic Information

- **Project Name**: vite2-admin
- **Description**: 基于vite2.x、vue3.x、ant-design-vue2.x、typescript－vuex、vue-router的Vue3样式管理，正在进行的更新工作…
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-05-25
- **Last Updated**: 2023-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vite2-admin

## 简介

vite2-admin后台管理模板是一个后台前端，它基于 [vue3.x](https://v3.cn.vuejs.org/) 和 [ant-design-vue](https://2x.antdv.com/components/overview-cn/)实现。它使用了最新的前端技术栈，简单2.0版本，提供了丰富的功能组件

## 前序准备

你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue3.x](https://v3.cn.vuejs.org/)、[vuex4.x](https://next.vuex.vuejs.org/)、[vue-router4.x](https://next.router.vuejs.org/) 、[vue-cli4.x](https://cli.vuejs.org/) 、[axios](https://github.com/axios/axios) 和 [ant-design-vue](https://2x.antdv.com/components/overview-cn/)，提前了解和学习这些知识会对使用本项目有很大的帮助。

## 预览

![](http://admin.gdiic.com/admin/profile/upload/2021/06/22/5533b28b-0936-4ec4-815c-2c4b7fcbb675.png)

## Sponsors

## 目录结构

``` 
├── public                     # 静态资源
│   │── favicon.ico            # favicon图标
├── src                        # 源代码
│   ├── api                    # api
│   ├── config                 # 配置
│   ├── components             # 公用组件
│   ├── icons                  # icon图标
│   ├── store                  # store管理
│   ├── router                 # 路由相关
│   ├── styles                 # 样式
│   ├── utils                  # 公用方法
│   ├── views                  # views 页面
│   ├── App.vue                # 入口页面
│   ├── main.js                # 入口文件 加载组件 初始化等
│   ├── settings.js            # 配置文件
│   └── permission.js          # 权限管理
├── vite.config.js             # vite 配置
│── index.html                 # html 模板
├── postcss.config.js          # postcss 配置
└── package.json               # package.json
```



## 功能

```
- 登录 / 注销

- 全局功能
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - Screenfull全屏
  - 自适应收缩侧边栏

- 错误页面
  - 404

- 综合实例
```

## 开发

```bash
# 安装依赖
npm install

# 淘宝镜像
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://localhost:9807
```

## 构建

```bash
# 构建生产环境
npm run build

```