Go to file
Pan 30cb2df7c8 refine style 2018-09-19 19:13:46 +08:00
build tweak title 2018-09-05 09:44:56 +08:00
config chore: set default assetsPublicPath to '/' 2018-08-20 16:00:12 +08:00
src refine style 2018-09-19 19:13:46 +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 add: eslint-plugin-vue (#148) 2018-08-20 15:45:15 +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: add links to vue-typescript-admin-template (#176) 2018-09-06 17:11:11 +08:00
README.md docs: add links to vue-typescript-admin-template (#176) 2018-09-06 17:11:11 +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 refactor svg (#181) 2018-09-17 16:15:40 +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

中文文档

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

Demo

demo

Extra

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)

vue-element-admin

electron-vue-admin

vue-typescript-admin-template

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