/ant-design-pro-vue

👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro! A simple vue admin template.

Primary LanguageVueMIT LicenseMIT

English | 简体中文

Ant Design Pro Vue

An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue

Backers on Open Collective Sponsors on Open Collective License Release Travis branch

Overview

dashboard + multi-tabs

dashboard + setting

user profile

permission list

Env and dependencies

Note: Yarn package management is recommended, the exact same version loaded with the demo site of this project (yarn.lock) . but you can also use npm

Project setup

  • Clone repo
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
  • Install dependencies
yarn install
  • Compiles and hot-reloads for development
yarn run serve
  • Compiles and minifies for production
yarn run build
  • Lints and fixes files
yarn run lint

Other

  • IMPORTANT : About Issue feedback !! when opening Issue read Issue / PR Contributing

  • Vue-cli3 used by the project.

  • Disable Eslint (not recommended): remove eslintConfig field in package.json and vue.config.js field lintOnSave: false

  • Load on Demand: modify /src/main.js L7, append import './core/lazy_use' code.

  • Customize Theme: vue.config.js eg:

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less variables, required modifyVars*/

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
  • polyfill

  • remove polyfill:

    Vue CLI Polyfill

    • remove import '@babel/polyfill' field in src/main.js
    • babel.conflg.js remove
      [
        '@babel/preset-env',
        {
          'useBuiltIns': 'entry'
        }
      ]
      

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]