Ant Design Pro Vue

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

[![License](https://img.shields.io/npm/l/package.json.svg?style=flat)](https://github.com/sendya/ant-design-pro-vue/blob/master/LICENSE) [![Release](https://img.shields.io/github/release/sendya/ant-design-pro-vue.svg?style=flat)](https://github.com/sendya/ant-design-pro-vue/releases/latest) [![Travis branch](https://travis-ci.org/sendya/ant-design-pro-vue.svg?branch=master)](https://travis-ci.org/sendya/ant-design-pro-vue) [![All Contributors](https://img.shields.io/badge/all_contributors-10-orange.svg?style=flat-square)](#contributors)

Preview: https://preview.pro.loacg.com
Home Page: https://pro.loacg.com
Documentation: https://pro.loacg.com/docs/getting-started
ChangeLog: https://pro.loacg.com/docs/changelog coming soon
FAQ: https://pro.loacg.com/docs/faq coming soon

Overview

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.
Disable 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'
}
]
```