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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。