vue antd 中后台前端框架vue-alain

vue-alain

vue-alain 是基于 vue 和 Ant Design of Vue（Ant Design 的 vue 版本） 基础组件库的中后台前端，使用vue vue cli 3.0 typescript antd antd pro Ant Design Vue技术栈，参考并使用了ng-alain相关内容，秉承 Ant Design 的设计价值观。

github--https://github.com/vue-alain/vue-alain
预览：https://vue-alain.github.io/

准备

本地环境需要安装 node 和 git，并熟悉相关使用方法。
本地需要安装yarn。

---

安装

克隆代码

从git上克隆代码到本地

1. git clone https://github.com/vue-alain/vue-alain.git my-project
2. cd my-project
3. yarn
4. yarn serve

---

目录结构

vue-alain 是一个标准的 VUE CLI 构建的项目，并提供了涵盖中后台开发的各类功能，下面是整个项目的目录结构

|----public　　　　　　　　　　　　　　　　　　　　　　＃ html
|----src　　　　　　　　　　　　　　　　　　　　　　　＃
|　|----_mock　　　　　　　　　　　　　　　　　　　　＃ mock规则
|　|----assets　　　　　　　　　　　　　　　　　　　　＃ 本地静态资源
|　|----components　　　　　　　　　　　　　　　　　＃ 公共组件
|　|----core　　　　　　　　　　　　　　　　　　　　＃ 核心模块
|　|----layout　　　　　　　　　　　　　　　　　　　＃ 布局组件
|　|----route　　　　　　　　　　　　　　　　　　　＃ 路由
|　|----util　　　　　　　　　　　　　　　　　　　　＃ 工具组件
|　|----views　　　　　　　　　　　　　　　　　　　＃ 业务目录
|----App.vue　　　　　　　　　　　　　　　　　　　＃ 程序入口

---

本地开发

安装依赖

yarn
yarn serve

启动完成后会打开浏览器访问 //localhost:8080，若你看到如下页面则代表成功了

login.png

---

运行截图

login.png

main1.png

main2.png

main3.png

---

qq群

微信公众号