Awesome
English | 简体中文
<h1 align="center">Ant Design Vue Pro</h1> <div align="center"> An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on <a href="https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/" target="_blank">Ant Design of Vue</a> </div> <div align="center"> </div>- Preview: https://preview.pro.antdv.com
- Home Page: https://pro.antdv.com
- Documentation: https://pro.antdv.com/docs/getting-started
- ChangeLog: https://pro.antdv.com/docs/changelog
- FAQ: https://pro.antdv.com/docs/faq
- Vue3 ProLayout: https://github.com/vueComponent/pro-layout
Overview
Env and dependencies
- node
- yarn
- webpack
- eslint
- @vue/cli
- ant-design-vue@1.x - 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/vueComponent/ant-design-vue-pro.git
cd ant-design-vue-pro
- 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 : Issue feedback !! when opening Issue read Issue / PR Contributing
-
Vue-cli3 used by the project.
-
Disable Eslint (not recommended): remove
eslintConfig
field inpackage.json
andvue.config.js
fieldlintOnSave: false
-
Load on Demand
/src/main.js
L14, inimport './core/lazy_use'
,import './core/use''
. more load-on-demand.md -
Customize Theme: Custom Theme Config (@kokoroli)
-
I18n: locales (@musnow)
-
Production env
mock
is disabled. usesrc/mock/index.js
-
pls use
release
version
Browsers support
Modern browsers and IE10.
Contributors
This project exists thanks to all the people who contribute. <a href="https://github.com/vueComponent/ant-design-vue-pro/graphs/contributors"><img src="https://opencollective.com/ant-design-pro-vue/contributors.svg?width=890&button=false" /></a>