1
- # vue-admin-template
2
-
1
+ # vue-admin
3
2
> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
4
3
5
- [ 线上地址 ] ( http://panjiachen.github.io/ vue-admin-template )
4
+ 目前版本基于 ` vue-cli ` 进行构建
6
5
7
- [ 国内访问 ] ( https://panjiachen.gitee.io/vue-admin-template )
6
+ ## 安装
8
7
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
10
9
11
- ## Extra
10
+ # 切换目录
11
+ cd admin
12
12
13
- 如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支[ permission-control] ( https://github.com/PanJiaChen/vue-admin-template/tree/permission-control )
13
+ # 安装 npm 包
14
+ npm install
14
15
15
- ## 相关项目
16
+ # npm 下载速度慢的可以使用
17
+ npm install --registry=https://registry.npm.taobao.org
16
18
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
18
31
19
- [ electron-vue-admin] ( https://github.com/PanJiaChen/electron-vue-admin )
20
32
21
- [ vue-typescript-admin-template] ( https://github.com/Armour/vue-typescript-admin-template )
22
33
23
- 写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
24
34
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
35
31
36
## Build Setup
32
37
@@ -47,7 +52,7 @@ npm install --registry=https://registry.npm.taobao.org
47
52
npm run dev
48
53
```
49
54
50
- 浏览器访问 [ http://localhost:/task9090 ] ( http://localhost:/task9090 )
55
+ 浏览器访问 [ http://localhost:9090/admin ] ( http://localhost:9090/admin )
51
56
52
57
## 发布
53
58
@@ -56,7 +61,7 @@ npm run dev
56
61
npm run build:stage
57
62
58
63
# 构建生产环境
59
- npm run build:prod
64
+ npm run build
60
65
```
61
66
62
67
## 其它
@@ -74,23 +79,3 @@ npm run lint
74
79
# 代码格式检查并自动修复
75
80
npm run lint -- --fix
76
81
```
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