vue-blog

简介

vue-blog 是一个后台管理项目解决方案，它基于 vue.js 和 element-ui。使用了目前主流的前端技术栈，并且扩展和集成了许多后台项目经常用到的功能。如：登录、权限验证、多级路由、富文本、I18n国际化等功能特性。相信不管你需求是什么，本项目都能帮助到你。

• 在线访问
• 使用文档

vue-blog 是一个后台管理项目的集成解决方案，它不适合作为基础模板进行二次开发。

• 基础模板建议使用：vueBlog-template

注意：该项目使用 element-ui@2.0.0+ 版本，所以最低兼容 vue@2.5.0+

前序准备

你的本地环境需要安装 node 和 git，本项目技术栈基于 ES2015+、vue、vue-router、vuex 和 element-ui，所有的请求数据都使用Mock.js模拟（图片数据除外），提前了解和学习这些知识会对使用本项目有很大的帮助。

如果你是Vue初学者，这里有一些资源可以帮助到你

• 新手向 Vue 2.0 的建议学习顺序
• ES6入门 阮一峰
• Vue入门项目 —— echo回声
• webpack构建优化 （webpack < 4）

说明

如果对你有帮助，你可以点右上角 "star"支持一下，非常感谢！🌹

或者你可以 "follow（关注）" 一下作者，我正在不断开源更多实用的项目。

如有问题可以直接在 Issues 中反馈，或者加入我们下方的Vue群更进一步地交流。

功能

• 登录/注销
• 权限验证
• 前端mock数据
• 多环境发布
• 动态侧边栏（支持多级路由和一键配置图标、登录、展开、缓存等选项）
• 动态面包屑
• 动态换肤（实现element-ui官网的换肤功能）
• 图钉
• 返回顶部
• 动态数值
• 加载提示（3种状态：加载中，无数据，出现错误且支持点击重新请求）
• 进度条
• 剪贴板
• 富文本编辑器（自定义图片上传、草稿、预览等）
• Markdown编辑器（搭配Markdown语法转HTML功能）
• 导入.md文件
• 导入导出Excel
• Echarts 图表
• 拖拽列表、表格
• 401、404页面
• 错误日志（全局错误捕捉）
• Iconfont图标
• 国际化多语言（中文、English）
• ...

开发

# 克隆项目
git clone https://github.com/uncleLian/vue-blog.git

# 安装依赖
npm install
   
# 建议不要用cnpm安装，某些依赖可能无法安装， 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务：localhost:8020
npm run dev

发布

# 构建测试环境
npm run build:sit

# 构建生产环境
npm run build:prod

版本日志

发行说明中记录了每个版本的详细更改。

捐赠

如果你觉得这个项目帮助到了你，你可以请我喝一杯饮料表示支持🍹

交流

欢迎热爱学习、忠于分享的朋友一起来交流

• QQ：771674109
• Vue交流群：338241465 —— 广州-小鑫

License

MIT

Copyright (c) 2018-present，uncleLian