海螺批量插件

Pan d47939e4e6 add Element-Ui using cdn tutorial 6 роки тому
build 89d04fe7c2 fix:fixed bug in old browsers 7 роки тому
config 3b733bda4c chore[devtool]: set cheap-source-map to default 7 роки тому
src f01a1ad7b7 refactor[ScrollBar]: use el-scrollbar (#90) 6 роки тому
static c528bd8ad0 init 7 роки тому
.babelrc 15edbf08be rm babel-plugin-dynamic-import-node 7 роки тому
.editorconfig 972b305e48 add editorconfig 7 роки тому
.eslintignore c528bd8ad0 init 7 роки тому
.eslintrc.js cade4f9449 refactor build 7 роки тому
.gitignore cade4f9449 refactor build 7 роки тому
.postcssrc.js 3c75eb6dde refine code 6 роки тому
.travis.yml 2325e7651b perf[chore]:set travis notifications:false 7 роки тому
LICENSE 374bf49c6c update LICENSE 7 роки тому
README-zh.md d47939e4e6 add Element-Ui using cdn tutorial 6 роки тому
README.md d47939e4e6 add Element-Ui using cdn tutorial 6 роки тому
favicon.ico 29ec7f8a18 feat:add showPwd 7 роки тому
index.html cade4f9449 refactor build 7 роки тому
package.json 57f011d280 add postcss-url 6 роки тому

README.md

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