neveryu / vue-cms Goto Github PK

View Code? Open in Web Editor NEW

614.0 22.0 230.0 16.81 MB

基于 Vue 和 ElementUI 构建的一个企业级后台管理系统

Home Page: https://git.io/fp9UM

License: MIT License

HTML 4.43% Vue 7.55% Shell 4.11% TypeScript 83.92%

vue vue-cms element-ui axios vuex vuejs element mock webpack cms

vue-cms's Introduction

基于 Vue3.x 和 antd design vue 3.x 构建的企业级后台管理项目

预览

在线体验：https://git.io/fp9UM

简介

本分支是基于[vue3.x + antd design vue 3.x]为核心构建的企业级后台管理项目.

vue-cms 是一个企业级管理后台项目，基于 Vue 和 ElementUI 构建。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，支持多语言，路由嵌套，动态路由，权限验证等很多功能特性。

同时，它也提供了首页的数据图表展示，个人中心，主题换肤，表单表格，数据统计等常用的页面模块；而且拥有完美的 axios，api，数据存储解决方案以及辅助函数的封装，开箱即用，可以帮助你快速搭建企业后台管理系统。

与此同时，它也是一个很好的学习项目，包含了一些常见问题的解决方案，比如：数据可视化，导入导出功能，自定义组件，自定义指令，富文本；也包含了技术上的一些尝试，比如：基于 element-ui 的二次封装，Decorator 的使用...

写在前面

请确保你安装了 node 和 git，与此同时，你应该对 Vue、Vuex、Vue Router、ES2015+、ElementUI 有所了解。我们的请求有使用 Mock.js 模拟，也有使用线上真实的接口数据，提前了解和学习这些知识会对使用本项目有很大的帮助。

Build Setup

# 克隆项目
git clone https://github.com/Neveryu/vue-cms.git

# 进入项目
cd vue-cms

# install dependencies
yarn install --registry https://registry.npm.taobao.org

// or
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# serve with hot reload at localhost:8080
npm start

浏览器访问 http://localhost:8080

构建，发布

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

功能

- 登录/注销
- 权限验证
- 多环境发布
- 动态侧边栏（支持多级路由）
- better-scroll
- 国际化多语言
- Screenfull全屏
- 列表拖拽
- Svg Sprite 图标
- Dashboard
- 本地mock数据
- Echarts图表
- 导出excel
- 导出zip
- 前端可视化excel
- CountTo
- 自定义组件
- 换肤
- 富文本

快照|snapshot

// todo

Online demo

在线 Demo 演示

Donate

如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 🍹

Browsers support

Modern browsers and Internet Explorer 11+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

License

MIT

vue-cms's People

Contributors

Stargazers

Watchers

Forkers

tokenchain sheyangjuan0703 logerlink snowbeatrain whr15 pettyalways evakang yufc ioplee wangziwen0201 sky8652 isoundy000 hanzhiqiu 841255838 yvtang 8899man agreadname zjboy seamyway yixuhui deiaqgyv booksir jingxiaojing cmh401 saribat bxy18710401602 kylechen2019 ganiner yujiansheng moenkeyzw struggle-qq wang415999018 chipssss michaelxsfh hanmichael stoneoo zhanghm01 ronaliza xstarday jessesliu maml897 everlp lui1798 hellapostle runtimexcep timchan1011 bujidao isnicc ops85 wangyang1749 thinkingcao huhui-coder jack0888 maxiaodongs lianhong-andy z-dh panjiabao shiallen hejiyong wbteve almostsir chenzhengmsg 987674712 ygxing alex-testlab githubssj hzzslience yellowjuly duxiux happyyb natianxiayu 43865561 zeay001 jasonczcchen supercoeus 1757469073 sun519 wantingjun w3cteching xunzhaotech sanyeove web-vue guozhaomin firebird2010 arraycto aspnetwxw qoliuyang chris21xy lmh-code zh9273925 west-life gyj329783568 zhangrui2231 xzsanmm izhuooo oopsky zxlxy0 zhuyk jackisno1 gitxiami

# 克隆项目
git clone https://github.com/Neveryu/vue-cms.git

# 进入项目
cd vue-cms

# install dependencies
yarn install --registry https://registry.npm.taobao.org

// or
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# serve with hot reload at localhost:8080
npm start

无法正常运行

使用node 版本为12.2.0

尝试解决方案：

node 版本不对=>切换node 版本到12.2.0， yarn 命令可以正常运行
npm start 启动报错没有该命令 => 尝试使用npm run serve，console log 提示localhost:3000 已监听，但是不是管理界面
尝试运行npm run build, 结果报错