# vue-admin-template English | [简体中文](./README-zh.md) > A minimal vue admin template with Element UI & axios & iconfont & permission control & lint **Live demo:** http://panjiachen.github.io/vue-admin-template **The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`** ## Build Setup ```bash # clone the project git clone https://github.com/PanJiaChen/vue-admin-template.git # enter the project directory cd vue-admin-template # install dependency npm install # develop npm run dev ``` This will automatically open http://localhost:9528 ## Build ```bash # build for test environment npm run build:stage # build for production environment npm run build:prod ``` ## Advanced ```bash # preview the release environment effect npm run preview # preview the release environment effect + static resource analysis npm run preview -- --report # code format check npm run lint # code format check and auto fix npm run lint -- --fix ``` Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information ## Demo  ## Extra If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control) For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour)) ## Related Project - [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) - [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) - [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) - [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) ## Browsers support Modern browsers and Internet Explorer 10+. | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | ## License [MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license. Copyright (c) 2017-present PanJiaChen - 后台前端需要重置标准表格宽度 [x] - 后台后端列表需要 sort 排序 [x] - 数据字典组件 [x] - 暂时停止批量编辑 [x] - 上传位置 幼儿园活动组件 [x] - 活动管理需要场景组件 [x] - 上传照片管理 [x] - 图片管理如果预览图没有使用文案提示 or 是否裂变[后端判断照片商品管理] 上传照片管理追加字段 [x] - 图片上传地址 [ ] - 管理后台登录页，输入图片验证码、输入短信验证码。两个都支持回车键，提交表单。 [x] - 重新打开图片验证码弹框，没有清空原来的内容。 [x] - 图片审核界面，没有加载图片 [x] - 图片审核界面，提交审核数据缺失 id [x] - 三个照片列表还是没有加载列表预览图（目前界面是可以跑通上传图片了）[x] - 照片商品管理的编辑框，照片错位了。 [x] - 照片商品管理的列表。把是否精选，是否随手拍放到列表上[x] - 是否精选 配置哪里？ [x] - 省市区组件 [x] - 积分配置 [x] - img 裁切显示[x] - 富文本增加图片宽度限制[x] -------- todo ----------- - 后台前端富文本需要 px 转换 rem - 图片编辑增加字段 - H5 补充幼儿园详情页、活动详情页。到时再看看怎么展示图片等图片吧。（H5 的详情页只是做基本信息展示 + 后面增加个导流下载 app 的（增加一个浮动弹框，打开腾讯应用宝的注册。上线后就有了）） --- hold 暂时停滞 -------------- - 优化项，场景管理里面的两个列表。页面加载卡顿。不确定是否与编辑页的模态框数据加载有关。 - 照片审核通过，是否可以考虑设置为上架？ - 优化项，全局的搜索条件如果是下啦选择的，选择之后立马发送查询请求 - 客户端那边我看到请求接口带上了"/yxl-back-end"，其实这个应该是写到环境变量里面。域名 + 上下文。决定请求的前缀。。。