0%

一个优雅的TS全栈项目模版

如何实现一个优雅的TS全栈项目?

  • 大仓管理,前后端代码同源
  • 前后端共用数据模型/协议,基础代码充分复用
  • 架构灵活易扩展,无额外心智负担
  • 代码简洁,目录清晰

Talk is cheap. Show me the code.

👉 https://github.com/JerryChu/ts-fullstack

说明

ts-fullstack 为 TS 全栈项目模版代码,仅作为参考,请勿直接使用

该项目提供了全栈项目中 高效管理前后端代码 的解决方案,重点在整体工程架构前后端代码复用,对前端与后端代码逻辑细节不必深究。

模版项目目录结构

1
2
3
4
5
6
7
8
9
- apps  
|- server # 服务端代码(基于Koa)
|- web # 前端代码(基于Vue)
- packages
|- tsconfig # ts 配置
|- shared-model # 前后端共用数据定义
|- ... # 其他可复用代码/配置
- turbo.json # turbo 配置
- ...

备注:前端代码为了方便暂时直接使用 JS 编写。