TS全栈学以致用，用课程代码搭建企业级快速开发平台

前言

我 23 年下半年一直在全职学习 TS 全栈，早就辞职了没有工资。我这样的学习不是一个很好的方案，有相似经历的或感兴趣的可以找我互相交流一下，别的我就不说了，分享一下我是怎么使用课程代码做的企业级快速开发平台

实践方法

先说一下 TS 全栈学习之后，我是怎么实践的。找了两个开源项目，都是企业级快速开发平台，任选其一，或者结合两者做个新的

• 灯灯：https://boot.tangyh.top/lamp-web
• bladex：https://saber3.bladex.cn

这两个开源项目，都是用前端 Vue 和后端 Java 写的，和我们 3R 的课程教学语言是不一样，但其实也根本不需要一样。

• 首先把开源项目下载下来，按照项目文档的步骤来，本地搭建环境运行，然后你就完成了一半
• 接下来要搭建一个完整的 NestJS，只需要把项目中 Java 的 API 全部换成 NestJS 的 API 即可
• 怎么换？clone 3R 的 最新 NestJS 代码，业务代码可以留着作为参考，你需要做的是把开源项目中的业务，一个一个的写进 NestJS 项目中
• 怎么写？那我可能就没办法说得这么细了，主要就是在开源项目的页面上打开 F12 看一下每个页面请求了那些 API，把这些 Java 的 API 用 NestJS 实现一遍，这样后面写前端代码的时候，就好对接上了
• 那么接下来就需要写 React 了，clone 3R 的新版 toome 代码（好像代码库里没放了，找翁爷拿一下），然后在开源项目中的每个页面，从 Ant Design 中找到一一对应的 UI 组件，就可以拼接出来一个完整的页面了
• 最后，页面有了，API 也有了，剩下的就是前后端对接的工作了

那么我的建议是，有一定基础的同学，最好是前后端一起整，后端 NestJS 写一点 API，前端 React 就写一点页面对接上，多弄几个来回，项目就完成了

我的实践项目

最后附上我，按照上面的方法，做出来的项目

• React：https://github.com/kangood/lamp-admin
• NestJS：https://github.com/kangood/lamp-api

觉得有帮助的，可以点一下 star，谢谢~

@阿潮 才发现你怎么可以点赞，我咋没找到在哪里点赞