https://github.com/lgf196/ant-simple-pro
简洁，美观，快速上手，支持3大框架(vue3.0,react,angular,typescript)；Concise, beautiful, quick to get started, support 3 big frameworks
https://github.com/lgf196/ant-simple-pro
angular antd-design docker immutablejs javascript lodashjs mysql node node-typescript-mysql react redux rxjs typescript vite vue3 vux
Last synced: 11 days ago
JSON representation
简洁，美观，快速上手，支持3大框架(vue3.0,react,angular,typescript)；Concise, beautiful, quick to get started, support 3 big frameworks
- Host: GitHub
- URL: https://github.com/lgf196/ant-simple-pro
- Owner: lgf196
- License: mit
- Created: 2020-06-24T02:01:02.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-04-25T00:35:47.000Z (about 3 years ago)
- Last Synced: 2024-08-22T21:44:18.482Z (almost 2 years ago)
- Topics: angular, antd-design, docker, immutablejs, javascript, lodashjs, mysql, node, node-typescript-mysql, react, redux, rxjs, typescript, vite, vue3, vux
- Language: JavaScript
- Homepage: http://lgf196.top/react/home
- Size: 8.63 MB
- Stars: 391
- Watchers: 23
- Forks: 94
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
简体中文 | [English](./README.md)
## 简介
[ant-simple-pro](https://github.com/lgf196/ant-simple-pro) 是一款支持[vue3.0](https://github.com/vuejs/vue)，[react](https://github.com/facebook/react)，[angular](https://github.com/angular/angular)，[typescript](https://github.com/microsoft/TypeScript)等多框架支持的中台前端解决方案，ui使用[antd](https://github.com/ant-design/ant-design)实现的，它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，响应式设计，开箱即用，而且我们写了很多支持`vue3的插件`和`库`，它可以帮助你快速搭建企业级中后台产品原型，不管你是`vue`开发者，还是`react`,或者`angular`，都能在这里找到你想要的版本。
> ##### 温馨提示：
>
> `ant-simple-pro`最新版本已近将`webpack`废弃掉了，换成了`vite`做为项目构建工具，`vue`,`react`版本已近全部替换`vite`，如果想在我们项目中找到`webpack`版本的，只需将`tag`切换到`2.xx`版本中即可，[旧版本(v2.xx)地址](https://github.com/lgf196/ant-simple-pro/tree/v2.2.0)
>
> `ant-simple-pro`现在体量较大，已近不适合二次基础开发了，而且新版本已经换成了`vite`，不过不用担心，我们提供了一个用`vite`构建的脚手架，纯净版，`ant-simple-pro`就是用的我们自已搭建的`vite`脚手架重构的，[vite-react-cil](https://github.com/lgf196/vite-react-cil)
#### 登录账号和密码:
- 账号:lock:：lgf@163.com
- 密码:key::123456
#### [:book:使用文档](http://blog.lgf196.top/ant-simple-pro-document/)（强烈建议看:point_left:）
##### [vite-react-cil](https://github.com/lgf196/vite-react-cil)一个用vite构建的react脚手架，也是该项目的脚手架
##### [jol-player](https://github.com/lgf196/JoL-player)简洁，美观，功能强大的react播放器
##### [ant-simple-draw](https://github.com/lgf196/ant-simple-draw)一款在线图解编辑器案例
#### 扫如下码，进行bug提问，和学习交流。
## 前序准备
你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)，异步请求数据用[axios](https://github.com/axios/axios)，所有的异步接口均采用node+typescript+mysql+[docker](https://www.docker.com/)实现的，本项目技术栈基于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的基本语法
[](https://postimg.cc/WtwFhPK4)
## 开发
``` js
# 克隆项目
git clone https://github.com/lgf196/ant-simple-pro.git
# 进入项目目录
cd ant-simple-pro
# 选择你喜欢的版本
# 安装依赖
npm install
# 启动服务
npm run dev
```
浏览器访问 [http://localhost:3000](http://localhost:3000/)
## 发布
``` js
# 构建测试环境
npm run build:alpha
# 构建预发布环境
npm run build:preprod
# 构建生产环境
npm run build:prod
```
## 赞赏
如果您认为该项目对您有所帮助，则可以给作者一个赞，作者非常感激:blush::blush::rose:
## Browsers support
Modern browsers does not support IE browser
| [
](https://godban.github.io/browsers-support-badges/)IEdge | [
](https://godban.github.io/browsers-support-badges/)Firefox | [
](https://godban.github.io/browsers-support-badges/)Chrome | [
](https://godban.github.io/browsers-support-badges/)Safari |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| Edge | last 2 versions | last 2 versions | last 2 versions |
## 生态圈
1. [anferEnd](https://github.com/lgf196/ant-simple-pro/tree/afterEnd)是 ant-simple-pro的后端项目，由typescript+node+mysql+docker实现。
2. [vite-react-cil](https://github.com/lgf196/vite-react-cil)一个用vite构建的react脚手架
3. [jol-player](https://github.com/lgf196/JoL-player)简洁，美观，功能强大的react播放器
4. [ant-simple-draw](https://github.com/lgf196/ant-simple-draw)一款在线图解编辑器案例
5. [h5-Dooring](https://github.com/MrXujiang/h5-Dooring) 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, 可视化设计
6. [vue-admin-box](https://github.com/cmdparkour/vue-admin-box) vue3,vite,element-plus中后台管理系统，集成四套基础模板，大量可利用组件，模板页面
[MIT](https://github.com/lgf196/ant-simple-pro/blob/master/LICENSE)
Copyright (c) 2021-present LiGuoFeng