Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gmars/vue-admin-pro
Solution for company middle and backstage, written using the vue and nuxtjs
https://github.com/gmars/vue-admin-pro
admin ant-design ant-design-pro vue vuejs vuex
Last synced: about 15 hours ago
JSON representation
Solution for company middle and backstage, written using the vue and nuxtjs
- Host: GitHub
- URL: https://github.com/gmars/vue-admin-pro
- Owner: gmars
- License: mit
- Created: 2019-03-08T07:08:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T17:30:36.000Z (almost 2 years ago)
- Last Synced: 2023-03-03T14:36:55.190Z (over 1 year ago)
- Topics: admin, ant-design, ant-design-pro, vue, vuejs, vuex
- Language: Vue
- Size: 3.43 MB
- Stars: 48
- Watchers: 2
- Forks: 20
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-admin-pro
Solution for company middle and backstage, written using the vue and nuxtjs# 介绍
vue-admin-pro是一个企业中后台的前端解决方案。该方案使用了vue、nuxtjs。在设计上的参考目标是阿里使用ant design设计的ant design pro。在线查看地址[http://vueadmin.sikukeji.com](http://vueadmin.sikukeji.com)![首页](http://common.qiniu.sikukeji.com/004.png)
# 安装使用
首先clone该代码库到本地
```
git clone https://github.com/gmars/vue-admin-pro.git
```
然后运行
```
cd vue-admin-proyarn install
```
运行项目
```
yarn dev
```
浏览
在浏览器中输入 http://localhost:3000 就可以访问# 目录结构
|-components 封装的组件目录
|-pages 页面组件
|-plugins 第三方组件的配置在该项目中使用了element-ui和axios
|-layouts 布局和公共页面组件
|-store 基于vuex的状态管理
|-utils 工具函数等# 依赖
```
"@nuxtjs/axios": "^5.0.0",
"@nuxtjs/style-resources": "^0.1.1",
"cross-env": "^5.2.0",
"echarts": "^4.2.0-rc.2",
"element-ui": "^2.4.6",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"nuxt": "^2.0.0",
"v-charts": "^1.19.0"
```
# 截屏
![](http://common.qiniu.sikukeji.com/001.png)![](http://common.qiniu.sikukeji.com/002.png)
![](http://common.qiniu.sikukeji.com/003.png)