前言

Ant Design Pro 是一个企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

AntDesignPro React版本：开箱即用的中台前端/设计解决方案 - Ant Design Pro

AntDesign组件：Ant Design - 一套企业级 UI 设计语言和 React 组件库

AntDesignPro Vue版本：Ant Design Pro of Vue (antdv.com)

AntDesignVue组件：Ant Design Vue (antdv.com)

AntDesignVue与react版本有几乎相同的布局

官方商店有很多现成的框架，有些是付费的，比如AntDesignVue的vue3版本就是付费的，这里我是用的是免费的vue2版本

商店：Ant Design Vue Store (antdv.com)

准备

本地环境需要安装 node 和 git。AntDesignVue技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会非常有帮助。

安装

git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git my-project

cd my-project

目录结构

本地开发

进入项目根目录后，执行

yarn install
或
yarn

开发版运行

yarn run serve
或
yarn serve

运行后，在浏览器打开生成的开发链接，一般默认为：http://localhost:8000，查看页面

以上，AntDesignVue脚手架就搭建好了，接下来我们可以开始自己的业务逻辑。