Skip to content

jokereven/2win19virus

Repository files navigation

掘银

react

react-router

typescript

2win19virus.

to win 2019 virus

React(TypeScript)低代码平台.

地址:https://2win19virus.vercel.app

视频介绍:欢迎点赞、收藏、投币三连

项目背景.

第四届青训营(前端场)

功能.

  • 组件的拖拽
  • 组件选中上下移动以及编辑
  • 撤销
  • 预览
  • 保存到本地
  • 清空画板
  • 部署
  • 生成 react 源码
  • ...

效果图

首页

选中之后拖入组件内

image-20220820161544584

生成 react 源码

image-20220820160334015

部署

image-20220820160422928

预览

image-20220820160529554

技术栈

前端(本项目并未使用到后端)

  • 开发框架:React
  • 组件库:Ant Design
  • 语法扩展:TypeScript
  • 打包工具:Webpack
  • 代码规范:ESLint、commitizen、husky

本地运行

这里建议 16=>Node.js >= 14(by nvm to use node)

安装依赖:

yarn

启动:

yarn start

部署:

yarn build

贡献者

weypro
Wey
jokereven
周靖
summer-like-coding
Summer
ofwater
Monskoda
chloeHXY
ChloeHXY
codeclode
李傲松

reference

https://lowcode-engine.cn/demo/index.html

https://idou100.netlify.app

https://woai3c.github.io/visual-drag-demo

https://github.com/woai3c/visual-drag-demo