# vue-admin-template
> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
**Live demo:** http://panjiachen.github.io/vue-admin-template
[中文文档](https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md)
## Build Setup
```bash
# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git
# Install dependencies
npm install
# Serve with hot reload at localhost:9528
npm run dev
# Build for production with minification
npm run build
# Build for production and view the bundle analyzer report
npm run build --report
```
## Demo
![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
## 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)
This project is based on `webpack4` development. If you want to use `webpack3` development, please use this branch [webpack3](https://github.com/PanJiaChen/vue-admin-template/tree/webpack3)
## Related Project
[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
### Element-Ui using cdn tutorial
First find `index.html`([root directory](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html))
Import css and js of `Element`, and then import vue. Because `Element` is vue-dependent, vue must be import before it.
Then find [webpack.base.conf.js](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js)
Add `externals` to make webpack not package vue and element.
```
externals: {
vue: 'Vue',
'element-ui':'ELEMENT'
}
```
Finally there is a small detail to pay attention to that if you import vue in global, you don't need to manually `Vue.use(Vuex)`, it will be automatically mounted, see
[issue](https://github.com/vuejs/vuex/issues/731)
And you can use `npm run build --report` to see the effect
Pictured:
![demo](https://panjiachen.github.io/images/element-cdn.png)
**[Detailed code](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
**[Branch](https://github.com/PanJiaChen/vue-admin-template/tree/element-ui-cdn)**
## License
[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
Copyright (c) 2017-present PanJiaChen
没有合适的资源?快使用搜索试试~ 我知道了~
vue-admin-template-3.8.0.zip
共79个文件
js:28个
vue:22个
svg:8个
需积分: 46 17 下载量 118 浏览量
2020-08-13
01:18:58
上传
评论
收藏 169KB ZIP 举报
温馨提示
vue-admin-template前端页面开发框架,你可以把 vue-element-admin当做工具箱或者集成方案仓库,在 vue-admin-template 的基础上进行二次开发,想要什么功能或者组件就去 vue-element-admin 那里复制过来。在开发后台管理项目时,多用户多角色不同权限的场景可以说是非常普遍的。从零开始手写一个后台,要考虑的东西很多,这里直接拿网上大家比较熟悉的vue-admin-template后台模版来进行改造。
资源推荐
资源详情
资源评论
收起资源包目录
vue-admin-template-3.8.0.zip (79个子文件)
vue-admin-template-3.8.0
.gitignore 171B
.babelrc 229B
README-zh.md 3KB
.postcssrc.js 246B
package.json 2KB
src
api
login.js 424B
table.js 153B
icons
svg
eye.svg 2KB
form.svg 1KB
user.svg 777B
tree.svg 2KB
table.svg 532B
nested.svg 1KB
password.svg 1KB
example.svg 852B
index.js 285B
components
SvgIcon
index.vue 673B
Breadcrumb
index.vue 1KB
Hamburger
index.vue 2KB
main.js 576B
assets
404_images
404_cloud.png 5KB
404.png 96KB
views
dashboard
index.vue 563B
layout
components
Navbar.vue 2KB
AppMain.vue 544B
index.js 139B
Sidebar
index.vue 761B
SidebarItem.vue 2KB
mixin
ResizeHandler.js 976B
Layout.vue 1KB
404.vue 5KB
login
index.vue 4KB
form
index.vue 2KB
table
index.vue 2KB
nested
menu2
index.vue 112B
menu1
index.vue 149B
menu1-2
index.vue 165B
menu1-2-1
index.vue 142B
menu1-2-2
index.vue 142B
menu1-3
index.vue 140B
menu1-1
index.vue 166B
tree
index.vue 1KB
utils
request.js 2KB
index.js 2KB
validate.js 932B
auth.js 271B
App.vue 121B
router
index.js 4KB
permission.js 1KB
styles
element-ui.scss 461B
transition.scss 435B
sidebar.scss 2KB
variables.scss 67B
index.scss 1KB
mixin.scss 383B
store
getters.js 262B
index.js 262B
modules
app.js 1KB
user.js 2KB
.travis.yml 85B
build
check-versions.js 1KB
build.js 1KB
utils.js 3KB
webpack.base.conf.js 3KB
logo.png 7KB
webpack.dev.conf.js 3KB
webpack.prod.conf.js 5KB
vue-loader.conf.js 93B
LICENSE 1KB
static
.gitkeep 0B
.eslintrc.js 5KB
README.md 2KB
config
dev.env.js 236B
index.js 3KB
prod.env.js 141B
.eslintignore 34B
index.html 280B
favicon.ico 66KB
.editorconfig 243B
共 79 条
- 1
资源评论
Magic林
- 粉丝: 4
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功