Coder Social home page Coder Social logo

dlee77 / ant-simple-pro Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lgf196/ant-simple-pro

0.0 0.0 0.0 9.17 MB

简洁,美观,快速上手,支持3大框架(vue3.0,react,angular,typescript);Concise, beautiful, quick to get started, support 3 big frameworks

Home Page: https://lgf196.top/react/home

License: MIT License

JavaScript 89.53% HTML 0.10% TypeScript 2.89% SCSS 0.15% CSS 3.42% Shell 0.01% Vue 3.69% Less 0.23%

ant-simple-pro's Introduction

vite vue react angular license donate

简体中文 | English

简介

ant-simple-pro 是一款支持vue3.0reactangulartypescript等多框架支持的中台前端解决方案,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

登录账号和密码:

📖使用文档(强烈建议看:point_left:)

vite-react-cil一个用vite构建的react脚手架,也是该项目的脚手架
jol-player简洁,美观,功能强大的react播放器
ant-simple-draw一款在线图解编辑器案例

扫如下码,进行bug提问,和学习交流。

前序准备

你需要在本地安装 nodegit,异步请求数据用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的基本语法

20210612114417.png

开发

# 克隆项目
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

IE / Edge
IEdge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Edge last 2 versions last 2 versions last 2 versions

生态圈

  1. anferEnd是 ant-simple-pro的后端项目,由typescript+node+mysql+docker实现。
  2. vite-react-cil一个用vite构建的react脚手架
  3. jol-player简洁,美观,功能强大的react播放器
  4. ant-simple-draw一款在线图解编辑器案例
  5. h5-Dooring 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, 可视化设计
  6. vue-admin-box vue3,vite,element-plus中后台管理系统,集成四套基础模板,大量可利用组件,模板页面 MIT

Copyright (c) 2021-present LiGuoFeng

ant-simple-pro's People

Contributors

196lgf avatar lgf196 avatar qyhever avatar zhouhao97 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.