A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
Live demo: http://panjiachen.github.io/vue-admin-template
# 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
If you want router permission && generate menu by user roles , you can use this branch permission-control
This project is based on webpack4 development. If you want to use webpack3 development, please use this branch webpack3
For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)
First find index.html(root directory)
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
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
And you can use npm run build --report to see the effect
Pictured:
Modern browsers and Internet Explorer 10+.
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
MIT license.
Copyright (c) 2017-present PanJiaChen