From 0d8f05178db9fef699a514a24864196acc4cef64 Mon Sep 17 00:00:00 2001 From: zouzhibing Date: Wed, 6 Apr 2022 16:10:12 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9readme.md=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 41 ++++++++++++++++++++++++++--------------- 1 file changed, 26 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index 6f07dd5..b39cd85 100644 --- a/README.md +++ b/README.md @@ -1,37 +1,48 @@ -# 基于Vue3.0+TS+Element-plus实现后台管理系统 +# 简介 +vue-element-perfect 是一个后台前端解决方案, 基于Vue3.0+TS+Element-plus实现。它使用了最新的前端技术栈、动态路由,权限验证,并且有着丰富的组件。 ## 效果预览 -- 首页 - -![](./read/1.png) - -- 图表页 - -![](./read/2.png) -![](./read/3.png) -![](./read/4.png) -![](./read/5.png) - 进行预览 [项目预览地址](https://zouzhibin.github.io/vue-admin-perfect/#/home) 附上github地址 [vue-admin-perfect](https://github.com/zouzhibin/vue-admin-perfect) +## 目录结构介绍 + +``` + +├─assets 放置一些静态文件 +├─components 放置组件 +├─layout 首页布局 +│ ├─components +│ │ ├─Sidebar 侧边栏配置 +│ │ ├─TagsView 标签栏配置 +│ │ └─UHeader 头部内容配置 +│ └─hooks +├─router 路由配置 +├─store 数据存储 +├─styles 样式文件 +├─utils 工具方法 +└─views 页面配置方法 +└─permission 路由拦截 权限配置 +``` ## 技术栈 -vue3 Typescript vuex vue-router Element Plus scss +vue3.0 + Typescript + vuex + vue-router + Element-Plus scss -## 安装项目 +## 开发 ``` # 克隆项目 git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git + # 安装依赖 yarn install + # 本地开发 启动项目 yarn serve ``` -### 打包 +### 发布 ``` yarn build ```