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
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