A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
Live demo: http://panjiachen.github.io/vueAdmin-template
# 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
If you want router permission && generate menu by user roles , you can use this branch permission-control
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
MIT license.
Copyright (c) 2017-present PanJiaChen