|
1 | | -# vue-admin |
| 1 | +# vue-admin-template |
2 | 2 |
|
3 | | -## 安装 |
| 3 | +> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。 |
| 4 | +
|
| 5 | +[线上地址](http://panjiachen.github.io/vue-admin-template) |
| 6 | + |
| 7 | +[国内访问](https://panjiachen.gitee.io/vue-admin-template) |
| 8 | + |
| 9 | +目前版本为 `v4.0+` 基于 `vue-cli` 进行构建,若你想使用旧版本,可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0),它不依赖 `vue-cli`。 |
| 10 | + |
| 11 | +## Extra |
| 12 | + |
| 13 | +如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control) |
| 14 | + |
| 15 | +## 相关项目 |
| 16 | + |
| 17 | +[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) |
| 18 | + |
| 19 | +[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) |
| 20 | + |
| 21 | +[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) |
| 22 | + |
| 23 | +写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目: |
| 24 | + |
| 25 | +- [手摸手,带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2) |
| 26 | +- [手摸手,带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac) |
| 27 | +- [手摸手,带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35) |
| 28 | +- [手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56) |
| 29 | +- [手摸手,带你封装一个 vue component](https://segmentfault.com/a/1190000009090836) |
| 30 | + |
| 31 | +## Build Setup |
4 | 32 |
|
5 | 33 | ```bash |
6 | | -# Clone 项目 |
7 | | -git clone https://gitee.com/lisgroup/vueBus.git |
| 34 | +# 克隆项目 |
| 35 | +git clone https://github.com/PanJiaChen/vue-admin-template.git |
8 | 36 |
|
9 | | -# 切换目录 |
10 | | -cd vueBus/admin |
| 37 | +# 进入项目目录 |
| 38 | +cd vue-admin-template |
11 | 39 |
|
12 | | -# 安装 npm 包 |
| 40 | +# 安装依赖 |
13 | 41 | npm install |
14 | 42 |
|
15 | | -# 启动测试服务,默认 http://localhost:9090 |
| 43 | +# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 |
| 44 | +npm install --registry=https://registry.npm.taobao.org |
| 45 | + |
| 46 | +# 启动服务 |
16 | 47 | npm run dev |
| 48 | +``` |
| 49 | + |
| 50 | +浏览器访问 [http://localhost:/task9090](http://localhost:/task9090) |
| 51 | + |
| 52 | +## 发布 |
| 53 | + |
| 54 | +```bash |
| 55 | +# 构建测试环境 |
| 56 | +npm run build:stage |
| 57 | + |
| 58 | +# 构建生产环境 |
| 59 | +npm run build:prod |
| 60 | +``` |
| 61 | + |
| 62 | +## 其它 |
| 63 | + |
| 64 | +```bash |
| 65 | +# 预览发布环境效果 |
| 66 | +npm run preview |
| 67 | + |
| 68 | +# 预览发布环境效果 + 静态资源分析 |
| 69 | +npm run preview -- --report |
| 70 | + |
| 71 | +# 代码格式检查 |
| 72 | +npm run lint |
| 73 | + |
| 74 | +# 代码格式检查并自动修复 |
| 75 | +npm run lint -- --fix |
| 76 | +``` |
| 77 | + |
| 78 | +更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/) |
| 79 | + |
| 80 | +## Demo |
| 81 | + |
| 82 | + |
| 83 | + |
| 84 | +## Browsers support |
| 85 | + |
| 86 | +Modern browsers and Internet Explorer 10+. |
| 87 | + |
| 88 | +| [<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 | |
| 89 | +| --------- | --------- | --------- | --------- | |
| 90 | +| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions |
| 91 | + |
| 92 | +## License |
17 | 93 |
|
18 | | -# Build for production with minification |
19 | | -npm run build |
| 94 | +[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license. |
20 | 95 |
|
21 | | -# Build for production and view the bundle analyzer report |
22 | | -npm run build --report |
23 | | -``` |
| 96 | +Copyright (c) 2017-present PanJiaChen |
0 commit comments