# vueAdmin-template
> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
**Live demo:** http://panjiachen.github.io/vueAdmin-template
[中文文档](https://github.com/PanJiaChen/vueAdmin-template/blob/master/README-zh.md)
## Build Setup
``` bash
# Clone project
git clone https://github.com/PanJiaChen/vueAdmin-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
## Extra
If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vueAdmin-template/tree/permission-control)
## 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/vueAdmin-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/vueAdmin-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:
**[Detailed code](https://github.com/PanJiaChen/vueAdmin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
**[Branch](https://github.com/PanJiaChen/vueAdmin-template/tree/element-ui-cdn)**
## License
[MIT](https://github.com/PanJiaChen/vueAdmin-template/blob/master/LICENSE) license.
Copyright (c) 2017-present PanJiaChen
谷粒学院 2020版本 课程版本 后台管理前端页面
需积分: 45 19 浏览量
2022-02-07
19:03:22
上传
评论
收藏 171KB ZIP 举报
vue-admin-template-webpack3.zip （79个子文件） 
vue-admin-template-webpack3 
index.html 280B
.postcssrc.js 246B .eslintrc.js 5KB favicon.ico 66KB src router index.js 4KB main.js 575B utils validate.js 933B auth.js 271B request.js 2KB index.js 1KB store getters.js 262B modules user.js 2KB app.js 1KB index.js 262B views form index.vue 3KB 404.vue 5KB tree index.vue 1KB nested menu2 index.vue 112B menu1 index.vue 149B menu1-3 index.vue 140B menu1-1 index.vue 166B menu1-2 index.vue 165B menu1-2-1 index.vue 142B menu1-2-2 index.vue 142B layout components Sidebar index.vue 774B SidebarItem.vue 2KB Navbar.vue 2KB index.js 139B AppMain.vue 557B Layout.vue 1KB mixin ResizeHandler.js 976B dashboard index.vue 559B table index.vue 2KB login index.vue 4KB styles variables.scss 67B index.scss 1KB element-ui.scss 461B sidebar.scss 2KB transition.scss 435B mixin.scss 383B icons svg 
user.svg 777B nested.svg 1KB password.svg 1KB table.svg 532B eye.svg 2KB example.svg 852B tree.svg 2KB form.svg 1KB index.js 284B permission.js 1KB components Breadcrumb index.vue 1KB Hamburger index.vue 2KB SvgIcon index.vue 660B App.vue 134B assets 404_images 
404.png 96KB 404_cloud.png 5KB api login.js 424B table.js 153B .babelrc 229B README-zh.md 3KB .travis.yml 85B config dev.env.js 236B prod.env.js 141B index.js 3KB LICENSE 1KB build vue-loader.conf.js 553B build.js 1KB webpack.dev.conf.js 3KB utils.js 3KB webpack.prod.conf.js 5KB logo.png 7KB check-versions.js 1KB webpack.base.conf.js 3KB README.md 2KB .editorconfig 243B .gitignore 171B .eslintignore 34B package.json 2KB static .gitkeep 0B
评论0