You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

41 lines
2.2 KiB

# React 16 + Typescript + Ant Design
[![Author](https://img.shields.io/badge/author-XPoet-orange.svg)](https://github.com/machao07)
[![License](https://img.shields.io/github/license/XPoet/vite-vue3-starter.svg)](https://github.com/machao07/react-admin)
[![Stars](https://img.shields.io/github/stars/XPoet/vite-vue3-starter)](https://github.com/machao07/react-admin)
[![Deploy](https://github.com/XPoet/vite-vue3-starter/workflows/deploy/badge.svg)](https://github.com/machao07/react-admin)
<!-- [![JavaScript Style Guide](https://img.shields.io/badge/code_style-Airbnb-hotpink.svg)]() -->
> 一套完美集成 React 3.x + TypeScript + Craco + Scss + Axios + Echarts + React-quill 等健壮的前端快速开发模板
## 相关联系方式
1&nbsp;[CSDN](https://blog.csdn.net/weixin_43924228)&emsp;2&nbsp;[Machao's Blog](https://machao07.github.io/)&emsp;3&nbsp;[ZCOOL站酷](https://machao07.zcool.com.cn/)
## 技术栈
- 编程语言:[TypeScript 4.x](https://www.typescriptlang.org/zh/) + [JavaScript](https://www.javascript.com/)
- 构建工具:[Create-React-App](https://www.html.cn/create-react-app/docs/getting-started/)
- 前端框架:[React 16.x](https://react.docschina.org/docs/getting-started.html)
- 路由工具:[React-Router-Dom 5.x](https://next.router.vuejs.org/zh/index.html)
- 状态管理:[Redux 4.x](https://www.redux.org.cn/)
- UI 框架:[Ant Design](https://ant.design/components/overview-cn/)
- CSS 预编译:[Stylus](https://stylus-lang.com/) / [Sass](https://sass.bootcss.com/documentation) / [Less](http://lesscss.cn/)
- HTTP 工具:[Axios](https://axios-http.com/)
- Git Hook 工具:[husky](https://typicode.github.io/husky/#/) + [lint-staged](https://github.com/okonet/lint-staged)
- 代码规范:[Prettier](https://prettier.io/) + [ESLint](https://eslint.org/)
## 快速开始
### `yarn start`
## 效果图
> 首页
<!-- <img src="./src/assets/home.png" alt="首页"/><br /> -->
![首页](https://github.com//machao07/image-store/blob/master/react-admin/home.png?raw=true "首页")<br />
> 优惠券订单
<!-- <img src="./src/assets/coupon_order.png" alt="优惠券订单"> -->
![优惠券订单](https://github.com//machao07/image-store/blob/master/react-admin/coupon_order.png?raw=true "优惠券订单")