一、准备vue开发环境
- 下载nodes:http://nodejs.cn(根据你的系统下载对应的最新的安装包)
- 验证node是否安装成功
# 查看node版本
node -v
二、安装element-admin
# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
# 进入项目
cd vue-element-admin
# 将项目名称改为web
mv vue-element-admin web
# 安装依赖
npm install --registry=https://registry.npm.taobao.org
# 本地启动
npm run dev
三、前端页面优化
开始清理一些不必要的代码,只留下一个菜单选项即可
# 最终view下的目录如下
views
├─error-page 错误页面
├─login 登录页面
├─redirect 跳转页面
├─permission 权限菜单
│ ├─index.vue 权限页面
四、效果如下