GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template

[](#vue-admin-template)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)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

demo

[](#extra)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)Related Project

vue-element-admin

electron-vue-admin

vue-typescript-admin-template

[](#element-ui-using-cdn-tutorial)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

[](#browsers-support)Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge

Firefox
Firefox

Chrome
Chrome

Safari
Safari

IE10, IE11, Edge

last 2 versions

last 2 versions

last 2 versions

[](#license)License

MIT license.

Copyright (c) 2017-present PanJiaChen


Original url: Access
Created at: 2018-10-18 18:11:24
Category: default
Tags: none

请先后发表评论
  • 最新评论
  • 总共0条评论