# 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)
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)
### 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)**
## 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
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
毕设网站后台管理系统.zip (86个子文件)
my-group-buying-admin-master
.editorconfig 243B
.eslintrc.js 5KB
.travis.yml 85B
.gitattributes 66B
src
App.vue 121B
store
modules
user.js 2KB
app.js 1KB
getters.js 262B
index.js 262B
assets
404_images
404.png 96KB
404_cloud.png 5KB
styles
element-ui.scss 461B
index.scss 1KB
sidebar.scss 4KB
variables.scss 615B
transition.scss 689B
mixin.scss 384B
main.js 1KB
api
login.js 211B
product.js 2KB
table.js 153B
utils
request.js 1KB
auth.js 284B
validate.js 256B
components
Breadcrumb
index.vue 2KB
SvgIcon
index.vue 691B
Hamburger
index.vue 1KB
icons
svg
tree.svg 2KB
example.svg 497B
user.svg 440B
form.svg 2KB
nested.svg 821B
eye.svg 944B
eye-open.svg 1KB
password.svg 623B
link.svg 292B
table.svg 604B
svgo.yml 248B
index.js 285B
router
index.js 5KB
permission.js 1KB
views
table
index.vue 2KB
nested
menu2
index.vue 112B
menu1
menu1-3
index.vue 140B
menu1-1
index.vue 166B
menu1-2
menu1-2-1
index.vue 142B
menu1-2-2
index.vue 142B
index.vue 165B
index.vue 149B
dashboard
index.vue 563B
tree
index.vue 1KB
productMg
index.vue 24KB
404.vue 5KB
layout
mixin
ResizeHandler.js 997B
components
Sidebar
Link.vue 566B
index.vue 906B
Item.vue 495B
SidebarItem.vue 2KB
Navbar.vue 2KB
index.js 139B
AppMain.vue 584B
Layout.vue 1KB
form
index.vue 2KB
login
index.vue 5KB
LICENSE 1KB
.babelrc 229B
package.json 2KB
build
check-versions.js 1KB
logo.png 7KB
utils.js 3KB
vue-loader.conf.js 93B
webpack.prod.conf.js 5KB
build.js 1KB
webpack.base.conf.js 3KB
webpack.dev.conf.js 3KB
favicon.ico 66KB
.postcssrc.js 246B
index.html 280B
.gitignore 171B
.eslintignore 34B
static
.gitkeep 0B
README.md 4KB
README-zh.md 5KB
config
prod.env.js 101B
index.js 3KB
dev.env.js 196B
共 86 条
- 1
资源评论
马coder
- 粉丝: 1211
- 资源: 6602
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功