使用Ant Design 和Vue，React中后台开发套餐

╰半橙微兮° 2024-04-17 16:29 60阅读 0赞

## 使用Ant Design 和Vue，React中后台开发套餐 ##

# 前言 #

目前Ant Design 提供 React 和 Vue 两种整合开发框架，开箱即用的中台前端/设计解决方案，可适合中小公司统一后台开发技术栈，本来只是业务信息系统，不要重复造轮子

# AntDesign of React #

教程：[https://ant.design/docs/react/introduce-cn][https_ant.design_docs_react_introduce-cn]

## 项目一：ant-design-pro-react ##

> 使用 React/umi/dva/antd 等前端前沿技术开发，提炼自中后台应用的典型页面和场景

### 代码&安装地址： ###

[https://github.com/ant-design/ant-design-pro/][https_github.com_ant-design_ant-design-pro]

### 预览地址： ###

[https://preview.pro.ant.design/][https_preview.pro.ant.design]

# AntDesign of Vue #

教程：[https://vuecomponent.github.io/ant-design-vue][https_vuecomponent.github.io_ant-design-vue]

## 项目一：ant-design-pro-vue ##

> 基于 Ant Design of Vue 实现的 Ant Design Pro Vue 版

### 代码地址： ###

[https://github.com/sendya/ant-design-pro-vue][https_github.com_sendya_ant-design-pro-vue]

### 预览地址： ###

[https://pro.loacg.com/user/login?redirect=%2F][https_pro.loacg.com_user_login_redirect_2F]

## 项目二:vue-alain ##

使用 vue-cli 3.0 , typescript,vue antd 实现的中后台框架!

### 预览地址： ###

[https://vue-alain.github.io/\#/analysis][https_vue-alain.github.io_analysis]

### 代码地址： ###

[https://github.com/vue-alain/vue-alain][https_github.com_vue-alain_vue-alain]

# Es6手册：[http://es6.ruanyifeng.com/\#docs/class-extends][http_es6.ruanyifeng.com_docs_class-extends] #

[https_ant.design_docs_react_introduce-cn]: https://ant.design/docs/react/introduce-cn
[https_github.com_ant-design_ant-design-pro]: https://github.com/ant-design/ant-design-pro/
[https_preview.pro.ant.design]: https://preview.pro.ant.design/
[https_vuecomponent.github.io_ant-design-vue]: https://vuecomponent.github.io/ant-design-vue
[https_github.com_sendya_ant-design-pro-vue]: https://github.com/sendya/ant-design-pro-vue
[https_pro.loacg.com_user_login_redirect_2F]: https://pro.loacg.com/user/login?redirect=%2F
[https_vue-alain.github.io_analysis]: https://vue-alain.github.io/#/analysis
[https_github.com_vue-alain_vue-alain]: https://github.com/vue-alain/vue-alain
[http_es6.ruanyifeng.com_docs_class-extends]: http://es6.ruanyifeng.com/#docs/class-extends