Skip to content

aofengli/vueAdmin-template

This branch is 130 commits behind PanJiaChen/vue-admin-template:master.

Folders and files

NameName
Last commit message
Last commit date
Jun 25, 2018
Jun 4, 2018
Jul 17, 2018
Jun 26, 2017
Jan 15, 2018
Aug 1, 2017
Jun 26, 2017
Dec 14, 2017
Dec 14, 2017
May 2, 2018
Dec 11, 2017
Jan 11, 2018
May 14, 2018
May 14, 2018
Nov 29, 2017
Dec 14, 2017
Jun 1, 2018

Repository files navigation

vueAdmin-template

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

Live demo: http://panjiachen.github.io/vueAdmin-template

中文文档

Build Setup

# 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

demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

Related Project

vue-element-admin

electron-vue-admin

Element-Ui using cdn tutorial

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

Detailed code

Branch

License

MIT license.

Copyright (c) 2017-present PanJiaChen

Packages

No packages published

Languages

  • JavaScript 54.3%
  • Vue 38.7%
  • CSS 6.6%
  • HTML 0.4%