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,我会尽快回复的,希望对你有所帮助
相关推荐
摘星编程18 小时前
React Native鸿蒙版:Image图片占位符
react native·react.js·harmonyos
未来之窗软件服务18 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整18 小时前
面试点(网络层面)
前端·网络
VT.馒头18 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy19 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron070720 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
css趣多多20 小时前
地图快速上手
前端
zhengfei61120 小时前
面向攻击性安全专业人员的一体化浏览器扩展程序[特殊字符]
前端·chrome·safari
码丁_11721 小时前
为什么前端需要做优化?
前端
Mr Xu_21 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构