{"id":50525275,"url":"https://github.com/lgf196/ant-simple-pro","last_synced_at":"2026-06-03T07:14:21.689Z","repository":{"id":42234948,"uuid":"274551286","full_name":"lgf196/ant-simple-pro","owner":"lgf196","description":"简洁，美观，快速上手，支持3大框架(vue3.0,react,angular,typescript)；Concise, beautiful, quick to get started, support 3 big frameworks","archived":false,"fork":false,"pushed_at":"2023-04-25T00:35:47.000Z","size":9048,"stargazers_count":391,"open_issues_count":9,"forks_count":94,"subscribers_count":23,"default_branch":"master","last_synced_at":"2024-08-22T21:44:18.482Z","etag":null,"topics":["angular","antd-design","docker","immutablejs","javascript","lodashjs","mysql","node","node-typescript-mysql","react","redux","rxjs","typescript","vite","vue3","vux"],"latest_commit_sha":null,"homepage":"http://lgf196.top/react/home","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lgf196.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-24T02:01:02.000Z","updated_at":"2024-06-18T03:04:21.000Z","dependencies_parsed_at":"2023-02-17T22:45:47.192Z","dependency_job_id":null,"html_url":"https://github.com/lgf196/ant-simple-pro","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/lgf196/ant-simple-pro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgf196%2Fant-simple-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgf196%2Fant-simple-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgf196%2Fant-simple-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgf196%2Fant-simple-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lgf196","download_url":"https://codeload.github.com/lgf196/ant-simple-pro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lgf196%2Fant-simple-pro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33852511,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-03T02:00:06.370Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","antd-design","docker","immutablejs","javascript","lodashjs","mysql","node","node-typescript-mysql","react","redux","rxjs","typescript","vite","vue3","vux"],"created_at":"2026-06-03T07:14:20.111Z","updated_at":"2026-06-03T07:14:21.683Z","avatar_url":"https://github.com/lgf196.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\r\n      \u003cimg src=\"https://cdn.gudsen.com/2021/09/30/af90bac80a9447f18156e251ecbc1dff.png\" width='180'\u003e\r\n  \u003cimg width=\"200\" src=\"http://blog.lgf196.top/ant-simple-pro-document/logon.png\"\u003e\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n   \u003ca href=\"https://cn.vitejs.dev/\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/vite-2.0.3-brightgreen.svg\" alt=\"vite\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/vuejs/vue\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/vue-3.0.4-brightgreen.svg\" alt=\"vue\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/facebook/react\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/react-17.0.1-brightgreen.svg\" alt=\"react\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/angular/angular\" rel=\"nofollow\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/angular-11.0.4-brightgreen.svg\" alt=\"angular\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/microsoft/TypeScript\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/typescript-4.1.2-brightgreen.svg\" alt=\"license\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/ant-design/ant-design\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/antd-4.9.3-brightgreen.svg\" alt=\"donate\"\u003e\r\n  \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n\r\n\r\n简体中文 | [English](./README.md) \r\n\r\n## 简介\r\n\r\n[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`，都能在这里找到你想要的版本。\r\n\r\n\u003e ##### 温馨提示：\r\n\u003e\r\n\u003e `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)\r\n\u003e\r\n\u003e `ant-simple-pro`现在体量较大，已近不适合二次基础开发了，而且新版本已经换成了`vite`，不过不用担心，我们提供了一个用`vite`构建的脚手架，纯净版，`ant-simple-pro`就是用的我们自已搭建的`vite`脚手架重构的，[vite-react-cil](https://github.com/lgf196/vite-react-cil)\r\n\r\n\r\n\r\n#### 登录账号和密码:\r\n\r\n- 账号:lock:：lgf@163.com\r\n- 密码:key::123456\r\n\r\n#### [:book:使用文档](http://blog.lgf196.top/ant-simple-pro-document/)（强烈建议看:point_left:）\r\n\r\n##### [vite-react-cil](https://github.com/lgf196/vite-react-cil)一个用vite构建的react脚手架，也是该项目的脚手架\r\n\r\n##### [jol-player](https://github.com/lgf196/JoL-player)简洁，美观，功能强大的react播放器\r\n\r\n##### [ant-simple-draw](https://github.com/lgf196/ant-simple-draw)一款在线图解编辑器案例\r\n\r\n#### 扫如下码，进行bug提问，和学习交流。\r\n\u003cp align=\"left\"\u003e\r\n  \u003cimg width=\"100\" src=\"https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6d6d3f624f4143fe8833d2458aeaf002~tplv-k3u1fbpfcp-zoom-1.image\"\u003e\r\n\u003c/p\u003e\r\n\r\n## 前序准备\r\n你需要在本地安装 [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等技术，所以最好先了解如下知识：\r\n\r\n#### vue\r\n\r\n- vue3.0的新语法，如setup,hooks等合成api\r\n- vue-cil,vue-router,vuex等全家桶\r\n\r\n#### react\r\n\r\n- react基本语法，如hooks,class创建组件，函数式创建组件等\r\n- react全家桶要熟悉，如react-router-dom，create-react-app,react-transition-group等\r\n- react数据状态库，redux,redux-saga,reselect,react-redux等\r\n- react在typescript下的FC模式等\r\n\r\n#### angular\r\n\r\n- angular的基本语法，如html模板，指令，组件等\r\n- angular的全家桶，如angular-cil,Rx等\r\n- typescript的基本语法\r\n\r\n[![20210612114417.png](https://i.postimg.cc/nV6vSFGq/20210612114417.png)](https://postimg.cc/WtwFhPK4)\r\n\r\n\r\n## 开发\r\n\r\n``` js\r\n# 克隆项目\r\ngit clone https://github.com/lgf196/ant-simple-pro.git\r\n\r\n# 进入项目目录\r\ncd ant-simple-pro\r\n\r\n# 选择你喜欢的版本\r\n\r\n# 安装依赖\r\nnpm install\r\n\r\n# 启动服务\r\nnpm run dev\r\n```\r\n\r\n浏览器访问 [http://localhost:3000](http://localhost:3000/)\r\n\r\n## 发布\r\n\r\n``` js\r\n# 构建测试环境\r\nnpm run build:alpha\r\n\r\n# 构建预发布环境\r\nnpm run build:preprod\r\n\r\n# 构建生产环境\r\nnpm run build:prod\r\n```\r\n\r\n## 赞赏\r\n\r\n如果您认为该项目对您有所帮助，则可以给作者一个赞，作者非常感激:blush::blush::rose:\r\n\r\n## Browsers support\r\n\r\n Modern browsers does not support IE browser\r\n\r\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eIEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\r\n| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |\r\n| Edge                                                         | last 2 versions                                              | last 2 versions                                              | last 2 versions                                              |\r\n\r\n##  生态圈\r\n\r\n1.  [anferEnd](https://github.com/lgf196/ant-simple-pro/tree/afterEnd)是 ant-simple-pro的后端项目，由typescript+node+mysql+docker实现。\r\n2. [vite-react-cil](https://github.com/lgf196/vite-react-cil)一个用vite构建的react脚手架\r\n3.  [jol-player](https://github.com/lgf196/JoL-player)简洁，美观，功能强大的react播放器\r\n4.  [ant-simple-draw](https://github.com/lgf196/ant-simple-draw)一款在线图解编辑器案例\r\n5.  [h5-Dooring](https://github.com/MrXujiang/h5-Dooring) 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, 可视化设计\r\n6.  [vue-admin-box](https://github.com/cmdparkour/vue-admin-box) vue3,vite,element-plus中后台管理系统，集成四套基础模板，大量可利用组件，模板页面\r\n[MIT](https://github.com/lgf196/ant-simple-pro/blob/master/LICENSE)\r\n\r\nCopyright (c) 2021-present LiGuoFeng\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgf196%2Fant-simple-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flgf196%2Fant-simple-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgf196%2Fant-simple-pro/lists"}