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,我会尽快回复的,希望对你有所帮助
相关推荐
AI浩5 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪5 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454535 小时前
浏览器工作原理
前端·javascript
西陵5 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn6 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码7 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
一条可有可无的咸鱼7 小时前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
Luna-player7 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05197 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys8 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript