Awesome
<p align="center"> <img src="https://cdn.gudsen.com/2021/09/30/af90bac80a9447f18156e251ecbc1dff.png" width='180'> <img width="200" src="http://blog.lgf196.top/ant-simple-pro-document/logon.png"> </p> <p align="center"> <a href="https://cn.vitejs.dev/"> <img src="https://img.shields.io/badge/vite-2.0.3-brightgreen.svg" alt="vite"> </a> <a href="https://github.com/vuejs/vue"> <img src="https://img.shields.io/badge/vue-3.0.4-brightgreen.svg" alt="vue"> </a> <a href="https://github.com/facebook/react"> <img src="https://img.shields.io/badge/react-17.0.1-brightgreen.svg" alt="react"> </a> <a href="https://github.com/angular/angular" rel="nofollow"> <img src="https://img.shields.io/badge/angular-11.0.4-brightgreen.svg" alt="angular"> </a> <a href="https://github.com/microsoft/TypeScript"> <img src="https://img.shields.io/badge/typescript-4.1.2-brightgreen.svg" alt="license"> </a> <a href="https://github.com/ant-design/ant-design"> <img src="https://img.shields.io/badge/antd-4.9.3-brightgreen.svg" alt="donate"> </a> </p>简体中文 | English
简介
ant-simple-pro 是一款支持vue3.0，react，angular，typescript等多框架支持的中台前端解决方案，ui使用antd实现的，它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，响应式设计，开箱即用，而且我们写了很多支持vue3的插件和库，它可以帮助你快速搭建企业级中后台产品原型，不管你是vue开发者，还是react,或者angular，都能在这里找到你想要的版本。
温馨提示：
ant-simple-pro最新版本已近将webpack废弃掉了，换成了vite做为项目构建工具，vue,react版本已近全部替换vite，如果想在我们项目中找到webpack版本的，只需将tag切换到2.xx版本中即可，旧版本(v2.xx)地址
ant-simple-pro现在体量较大，已近不适合二次基础开发了，而且新版本已经换成了vite，不过不用担心，我们提供了一个用vite构建的脚手架，纯净版，ant-simple-pro就是用的我们自已搭建的vite脚手架重构的，vite-react-cil
登录账号和密码:
- 账号:lock:：lgf@163.com
- 密码:key::123456
:book:使用文档（强烈建议看:point_left:）
vite-react-cil一个用vite构建的react脚手架，也是该项目的脚手架
jol-player简洁，美观，功能强大的react播放器
ant-simple-draw一款在线图解编辑器案例
扫如下码，进行bug提问，和学习交流。
<p align="left"> <img width="100" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6d6d3f624f4143fe8833d2458aeaf002~tplv-k3u1fbpfcp-zoom-1.image"> </p>前序准备
你需要在本地安装 node 和 git，异步请求数据用axios，所有的异步接口均采用node+typescript+mysql+docker实现的，本项目技术栈基于vue3.0,react,angular,typescrpt,antd等技术，所以最好先了解如下知识：
vue
- vue3.0的新语法，如setup,hooks等合成api
- vue-cil,vue-router,vuex等全家桶
react
- react基本语法，如hooks,class创建组件，函数式创建组件等
- react全家桶要熟悉，如react-router-dom，create-react-app,react-transition-group等
- react数据状态库，redux,redux-saga,reselect,react-redux等
- react在typescript下的FC模式等
angular
- angular的基本语法，如html模板，指令，组件等
- angular的全家桶，如angular-cil,Rx等
- typescript的基本语法
开发
# 克隆项目
git clone https://github.com/lgf196/ant-simple-pro.git
# 进入项目目录
cd ant-simple-pro
# 选择你喜欢的版本
# 安装依赖
npm install
# 启动服务
npm run dev
浏览器访问 http://localhost:3000
发布
# 构建测试环境
npm run build:alpha
# 构建预发布环境
npm run build:preprod
# 构建生产环境
npm run build:prod
赞赏
如果您认为该项目对您有所帮助，则可以给作者一个赞，作者非常感激:blush::blush::rose:
Browsers support
Modern browsers does not support IE browser
生态圈
- anferEnd是 ant-simple-pro的后端项目，由typescript+node+mysql+docker实现。
- vite-react-cil一个用vite构建的react脚手架
- jol-player简洁，美观，功能强大的react播放器
- ant-simple-draw一款在线图解编辑器案例
- h5-Dooring 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, 可视化设计
- vue-admin-box vue3,vite,element-plus中后台管理系统，集成四套基础模板，大量可利用组件，模板页面 MIT
Copyright (c) 2021-present LiGuoFeng