Go to file

Pan 56d234840d docs: change vueAdmin-template => vue-admin-template		2018-08-16 11:15:49 +08:00
build	update to webpack4.0 (#136 )	2018-08-16 11:08:53 +08:00
config	docs: change vueAdmin-template => vue-admin-template	2018-08-16 11:15:49 +08:00
src	update to webpack4.0 (#136 )	2018-08-16 11:08:53 +08:00
static	init	2017-06-26 13:38:24 +08:00
.babelrc	rm babel-plugin-dynamic-import-node	2018-01-15 13:27:03 +08:00
.editorconfig	add editorconfig	2017-08-01 15:49:04 +08:00
.eslintignore	init	2017-06-26 13:38:24 +08:00
.eslintrc.js	refactor build	2017-12-14 17:14:35 +08:00
.gitignore	refactor build	2017-12-14 17:14:35 +08:00
.postcssrc.js	refine code	2018-05-02 18:00:35 +08:00
.travis.yml	perf[chore]:set travis notifications:false	2017-12-11 14:21:03 +08:00
LICENSE	update LICENSE	2018-01-11 12:29:14 +08:00
README-zh.md	docs: change vueAdmin-template => vue-admin-template	2018-08-16 11:15:49 +08:00
README.md	docs: change vueAdmin-template => vue-admin-template	2018-08-16 11:15:49 +08:00
favicon.ico	feat:add showPwd	2017-11-29 09:55:33 +08:00
index.html	refactor build	2017-12-14 17:14:35 +08:00
package.json	update to webpack4.0 (#136 )	2018-08-16 11:08:53 +08:00

README.md

vue-admin-template

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

Live demo: http://panjiachen.github.io/vue-admin-template

[中文文档](https://github.com/PanJiaChen/vue-admin-template /blob/master/README-zh.md)

Build Setup

# 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

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

Demo

Extra

If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template /tree/permission-control)

This project is based on webpack4 development. If you want to use webpack3 development, please use this branch [webpack3](https://github.com/PanJiaChen/vue-admin-template /tree/webpack3)

vue-element-admin

electron-vue-admin

Element-Ui using cdn tutorial

First find index.html([root directory](https://github.com/PanJiaChen/vue-admin-template /blob/element-ui-cdn/index.html))

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](https://github.com/PanJiaChen/vue-admin-template /blob/element-ui-cdn/build/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:

[Detailed code](https://github.com/PanJiaChen/vue-admin-template /commit/746aff560932704ae821f82f10b8b2a9681d5177)

[Branch](https://github.com/PanJiaChen/vue-admin-template /tree/element-ui-cdn)

License

[MIT](https://github.com/PanJiaChen/vue-admin-template /blob/master/LICENSE) license.