ant-design-vue-pro

Ant Design Pro Vue

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

[](https://github.com/sendya/ant-design-pro-vue/blob/master/LICENSE) [](https://github.com/sendya/ant-design-pro-vue/releases/latest) [](https://travis-ci.org/sendya/ant-design-pro-vue) [](#contributors)

English | 中文文档

Overview

Preview Example with some list

Env and dependencies

• node
• yarn
• webpack
• eslint
• @vue/cli ~3
• ant-design-vue - Ant Design Of Vue
• vue-cropper - Picture edit
• @antv/g2 - AntV G2
• Viser-vue - Antv/G2 of Vue

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 !! Please describe your environment, the Pro version or branch used, what happened, etc. when opening Issue

• Vue-cli3 used by the project.

• Close Eslint (not recommended): remove eslintConfig field in package.json

• Easy-Mock used by project，easy-mock Project API Data DO NOT CHANGE THE INTERFACE，If you want to modify, please fork ANTD-PRO-Easy-Mock-API.zip and running to your server.

• 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'
    }
    ]
    

Docs

• Router and Menu
• Table @Saraka
• ANTD DefaultConfig
• Frist page loading animate
• Multi-Tabs feature/multi-tabs How to remove
• LoadOnDemand Demo feature/demand_load
• LoadOnDemand Docs
  
• i18n feature/lang Creator @musnow
• Dependency analysis tool: analyzer
  
• ANTD PRO Components:
  • Trend Trend.md
  • AvatarList AvatarList.md
  • CountDown CountDown.md
  • Ellipsis Ellipsis.md
  • NumberInfo NumberInfo.md
  • FooterToolbar FooterToolbar.md
  • IconSelector IconSelector.md Creator: @Saraka
• doing...

Contributors

Thanks goes to these wonderful people (emoji key):

言肆 💻 📖	kokoroli 💻 📖	musnow 💻	zkwolf 💻	土拨鼠 💻	阿凌 💻	mynuolr 💻
Saraka 💻 🔧	since2006 💻	挥手的骑士 💻

This project follows the all-contributors specification. Contributions of any kind welcome!