lm356536/ant-design-pro-vue

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

VueMIT

English | 简体中文

Ant Design Pro Vue

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

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
FAQ: https://pro.loacg.com/docs/faq
Branches:
- demo/router-view-table: CRUD view in router
- feature/demand_load: loaded on demand
- feature/lang: i18n support
- feature/dynamic-menu: dynamic menu demo
- lite: lite template (legacy)

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 !! 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 L14, replace to 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'
  }
]
```

Browsers support

Modern browsers and IE10.

IE / Edge	Firefox	Chrome	Safari	Opera
IE10, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

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]