Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/biugle/vue-admin

基于 Vue 的管理系统通用模板(可自由扩展与跨平台) [Vue3、AntdV、Vite、TypeScript、EsLint+Prettier]
https://github.com/biugle/vue-admin

admin-system ant-design-pro ant-design-vue antd antd-admin antd-admin-vue antd-pro antd-pro-vue antd-vue eslint husky prettier scss typescript vite vue vue-admin vue-admin-cli vue-admin-template vue3

Last synced: about 1 month ago
JSON representation

基于 Vue 的管理系统通用模板(可自由扩展与跨平台) [Vue3、AntdV、Vite、TypeScript、EsLint+Prettier]

Awesome Lists containing this project

README

        

# Vue-Admin

> 一个基于 Vue 的管理系统通用模板(可自由扩展与跨平台)

* `2022-07-08` 更新
* 多级菜单与路由
* 面包屑导航
* 多路由切换与动态配置

![2022-07-08](./2022_07_08.gif)

------

* 支持多标签页
* 动态 KeepAlive 缓存
* 动态路由刷新
* 动态菜单与切换动画
* 嵌套路由与单独组件刷新
* 用户权限管理
* 路由权限守卫
* 全局数据状态管理
* 根据 from/to 动态刷新路由
* 状态与配置数据持久化
* 路由切换动画
* 页面刷新动画
* 错误页面自动跳转
* 代码简洁可控方便深度自定义

## Technology Stack

* Vue 3.x
* TypeScript
* Vite 3.x
* Store
* Scss/Less
* Ant Design Vue 3.x
* EsLint
* Prettier
* Husky

## Use

```bash
git clone https://github.com/biugle/vue-admin.git

npm i -g js-xcmd
xcmd create-vue-admin [dir]
```

## Development

* `npm install`
* `npm run dev`

## Preview

* `npm run server`

## Build

* `npm run build`

## Code Check

* `npm run lint`

## Docs

* [Ant Design Vue](https://antdv.com/components/overview-cn/)
* [Vue 3](https://v3.cn.vuejs.org/guide/introduction.html)
* [Scss/Less](https://a.biugle.cn/sass_scss_less/)
* [Vite](https://vitejs.cn/guide/)
* [XHttp](https://www.npmjs.com/package/js-xhttp)

## Others

* [Issue](https://github.com/biugle/vue-admin/issues)
* [Pull Request](https://github.com/biugle/vue-admin/pulls)
* [[email protected]](mailto:[email protected])
* [Blog](http://a.biugle.cn)
* Leo He

## 待添加

* 个人中心
* 系统设置/动态主题配置
* 高级业务组件 Table/Modal/Form...
* 常用高频组件封装
* 开发文档

![2022-5-12](./readme.gif)

## 部分设计与图稿[参考来源(vue3-antd-admin)](https://github.com/llyyayx/vue3-antd-admin)