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

    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

    项目简介

    a vue2.0 minimal admin template

    🚀 Github 镜像仓库 🚀

    源项目地址

    https://github.com/PanJiaChen/vueadmin-template

    发行版本 10

    4.4.0 Update to vue-cli@4

    全部发行版

    贡献者 12

    全部贡献者

    开发语言

    • JavaScript 51.6 %
    • Vue 39.6 %
    • SCSS 8.1 %
    • HTML 0.7 %