1- # vue-admin-template
2-
1+ # vue-admin
32> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
43
5- [ 线上地址 ] ( http://panjiachen.github.io/ vue-admin-template )
4+ 目前版本基于 ` vue-cli ` 进行构建
65
7- [ 国内访问 ] ( https://panjiachen.gitee.io/vue-admin-template )
6+ ## 安装
87
9- 目前版本为 ` v4.0+ ` 基于 ` vue-cli ` 进行构建,若你想使用旧版本,可以切换分支到 [ tag/3.11.0 ] ( https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0 ) ,它不依赖 ` vue-cli ` 。
8+ ``` bash
109
11- ## Extra
10+ # 切换目录
11+ cd admin
1212
13- 如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支[ permission-control] ( https://github.com/PanJiaChen/vue-admin-template/tree/permission-control )
13+ # 安装 npm 包
14+ npm install
1415
15- ## 相关项目
16+ # npm 下载速度慢的可以使用
17+ npm install --registry=https://registry.npm.taobao.org
1618
17- [ vue-element-admin] ( https://github.com/PanJiaChen/vue-element-admin )
19+ # 启动测试服务,默认 http://localhost:9090
20+ npm run dev
21+
22+ # Build for production with minification
23+ npm run build
24+
25+ # Build for production and view the bundle analyzer report
26+ npm run build --report
27+ ```
28+
29+
30+ # vue-admin-template
1831
19- [ electron-vue-admin] ( https://github.com/PanJiaChen/electron-vue-admin )
2032
21- [ vue-typescript-admin-template] ( https://github.com/Armour/vue-typescript-admin-template )
2233
23- 写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
2434
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 )
3035
3136## Build Setup
3237
@@ -47,7 +52,7 @@ npm install --registry=https://registry.npm.taobao.org
4752npm run dev
4853```
4954
50- 浏览器访问 [ http://localhost:/task9090 ] ( http://localhost:/task9090 )
55+ 浏览器访问 [ http://localhost:9090/admin ] ( http://localhost:9090/admin )
5156
5257## 发布
5358
@@ -56,7 +61,7 @@ npm run dev
5661npm run build:stage
5762
5863# 构建生产环境
59- npm run build:prod
64+ npm run build
6065```
6166
6267## 其它
@@ -74,23 +79,3 @@ npm run lint
7479# 代码格式检查并自动修复
7580npm run lint -- --fix
7681```
77-
78- 更多信息请参考 [ 使用文档] ( https://panjiachen.github.io/vue-element-admin-site/zh/ )
79-
80- ## Demo
81-
82- ![ demo] ( https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif )
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
93-
94- [ MIT] ( https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE ) license.
95-
96- Copyright (c) 2017-present PanJiaChen
0 commit comments