vite + react + typescript + uni-app + node 开发一个生态系统

简介

  • 使用 vite + react + typescript + uni-app + node 来开发一个简易的生态系统案例,包含 APP,H5,微信小程序,控制台,服务端

开发

admin

  • 技术栈:vite + react + typescript
  • 初始化控制台项目
  • 选择自定义预设,例如: react + npm
sh 复制代码
npm create mine

mobile

  • 技术栈:vite + uni-app + vue3.x + typescript
  • 初始化移动端项目
  • 包含 APP,H5,微信小程序
  • 选择自定义预设,例如: uni-app + npm
sh 复制代码
npm create mine

server

  • 技术栈:vite + node + typescript + express + mysql + sequelize
  • 初始化服务端项目
  • 选择自定义预设,例如: node + npm
sh 复制代码
npm create mine

源码简介

  • 一个简单的生态系统,包含 APP,H5,微信小程序,控制台,服务端 😄
  • 源码地址 ecosystem

项目目录结构

  • admin: vite + react 控制台
  • mobile: vite + uni-app 包含 APP, H5, 微信小程序
  • server: vite + node 服务端,包含控制台和 APP 的接口

演示地址

  • 控制台

  • APP

  • 服务端接口文档

  • 微信小程序: 微信开发者工具本地运行

  • H5

    • 浏览器浏览请开启:Toogle device toolbar
    • 手机浏览请扫描下方二维码

总结

  • 总体来说都是一些基础的知识,没有什么难度,但是对于新手来说,还是有一定的难度的,需要多多练习,多多思考,多多总结,加油!😄
  • 如何有什么项目上的问题,可以提 issue,我会尽快回复的,希望对你有所帮助
相关推荐
一 乐2 分钟前
车辆管理|校园车辆信息|基于SprinBoot+vue的校园车辆管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·车辆管理
百锦再15 分钟前
Python、Java与Go:AI大模型时代的语言抉择
java·前端·vue.js·人工智能·python·go·1024程序员节
IT_陈寒17 分钟前
Vite 3.0终极提速指南:5个鲜为人知的配置技巧让构建效率翻倍
前端·人工智能·后端
游戏开发爱好者821 分钟前
iOS 开发推送功能全流程详解 从 APNs 配置到上架发布的完整实践(含跨平台上传方案)
android·macos·ios·小程序·uni-app·cocoa·iphone
菩提树下的凡夫29 分钟前
前端vue的开发流程
前端·javascript·vue.js
青山的青衫33 分钟前
【用homebrew配置nginx+配置前端项目与后端联调】Macbook M1(附一些homebrew操作)
运维·前端·nginx
二十雨辰36 分钟前
[作品集]-容易宝
java·开发语言·前端
栈狮40 分钟前
uniApp使用支付宝云开发问题集合
uni-app
Heyuan_Xie43 分钟前
uni-app facebook登录
uni-app·uni-app插件
Heyuan_Xie1 小时前
uni-app OCR图文识别
uni-app·ocr·uni-app插件