海螺批量插件

Pan 1052ab5bf8 perf: add NProgress configuration		6 gadi atpakaļ
build	11fcc07a68 fix[chore]: fix error when enable gzip (#252)	6 gadi atpakaļ
config	451a359f13 chore: set default assetsPublicPath to '/'	7 gadi atpakaļ
mock	5d82985a76 perf[chore]: add mock.js to instead of easy-mock (#281)	6 gadi atpakaļ
src	1052ab5bf8 perf: add NProgress configuration	6 gadi atpakaļ
static	c528bd8ad0 init	8 gadi atpakaļ
.babelrc	15edbf08be rm babel-plugin-dynamic-import-node	7 gadi atpakaļ
.editorconfig	972b305e48 add editorconfig	8 gadi atpakaļ
.eslintignore	c528bd8ad0 init	8 gadi atpakaļ
.eslintrc.js	5d769533ac add: eslint-plugin-vue (#148)	7 gadi atpakaļ
.gitignore	cade4f9449 refactor build	7 gadi atpakaļ
.postcssrc.js	3c75eb6dde refine code	7 gadi atpakaļ
.travis.yml	2325e7651b perf[chore]:set travis notifications:false	7 gadi atpakaļ
LICENSE	374bf49c6c update LICENSE	7 gadi atpakaļ
README-zh.md	5c647a5ba1 fix typo (#253)	6 gadi atpakaļ
README.md	364ee5fee7 update readme	7 gadi atpakaļ
favicon.ico	29ec7f8a18 feat:add showPwd	8 gadi atpakaļ
index.html	cade4f9449 refactor build	7 gadi atpakaļ
package.json	5d82985a76 perf[chore]: add mock.js to instead of easy-mock (#281)	6 gadi atpakaļ

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

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)

Related Project

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: