项目全面更新https://segmentfault.com/a/11...前言项目前端地址：https：//github.com/lmxdawn/vu...项目后台地址：https://github.com/lmxdawn/vu...欢迎大家star20180519更新。这次加了个夜班，强迫症也没办法。1.增加文件上传插件，主要用于管理后台资源。在我们操作之前，我们每次都必须上传文件。有了这个插件管理，我们就不需要再上传重复的资源了。上传插件实现汉字自动转拼音（中文路径不友好大家都知道）。现在上传的文件不由数据库管理，而是直接以文件的形式获取，也比较偷懒，有空再实现吧。废话不多说，贴图20180428更新1.添加mock模拟数据。注意（改成API接口数据时，main.js中引入的mock.js一定要删掉）2、增加左侧导航栏左右折叠功能，特别注意element-ui的导航菜单。el子菜单外层添加div时，折叠时无法隐藏文字，所以需要自己添加css样式，放在base.scss下//左侧导航栏的折叠样式。slide-hide{.el-menu--collapse{.el-submenu{.el-submenu__title{span{height:0;宽度：0；溢出：隐藏；可见性：隐藏；显示：内联块；没有任何;}}}.el-menu-item{.el-tooltip{span{高度：0;宽度：0；溢出：隐藏；可见性：隐藏；显示：内联块；}}}}}效果如下：PC版手机版功能[x]管理员登录[x]登录[x]修改密码[x]角色管理[x]权限管理[x]401/404错误页面[x]]动态面包屑[x]]动态侧边栏安装步骤gitclonehttps://github.com/lmxdawn/vue-admin-html.git//下载模板到本地cdvue-admin-html//进入模板目录npminstall//安装项目依赖，等待安装完成本地开发//打开服务器，浏览器访问http://localhost:8080npmrundevbuildproduction//执行构建命令，生成的dist文件夹可以在服务器下访问并使用通过npmrunbuild东西的图标：使用阿里巴巴矢量图标库，地址为http://www.iconfont.cn图标下载方法自行百度下载，将图标放在src/assets/icons目录下，并现在解压在iconfont中创建的工程图标，然后直接放到这个目录下。值得注意的是，因为使用了eslint，所以要在iconfont.js的头部加上/*eslint-disable*/来忽略错误OnlineDemo（建议使用最新版本的Chrome浏览器）OnlineDemowrite在最后几篇文章地址：VUE后台管理篇
