成为一名全栈工程师是许多程序员都渴望实现的梦想。但是这并不是一件容易的事情：它需要各种技能和知识，以及持续学习和实践的态度。

我最近做了一个项目叫做"go-vue-react"，这是一个前后端分离的Web应用程序。在这个项目中，我使用了三种不同的技术栈：Go语言、Vue 3 和React 18。其中后端是使用的Go语言,数据库采用的是Mysql。前端做了两套，分别使用了Vue 3 和 React 18 技术栈，大家根据自己的需要，自行选择学习其中的一个或者多个项目。下面是我的经验分享：

全栈启蒙项目：go-vue-react-base

github:http://github.com/github-kiko/go-vue-react-base.git

全栈学习成长史

2023年3月

2023-03-11, 项目发起，创建了go-vue-react项目
2023-03-12, 使用go+mysql实现了后端最基础的crud
2023-03-18, 使用vue3+elementPlus完成了crud,完成了第一个全栈小项目

未来学习计划

2023-03-xx, 将vue3中的js替换为ts,学习ts的使用

2023年4月

2023-04-xx, 使用react18+ts+Material-UI完成了react技术栈的crud
2023-04-xx, 新增路由、调整完善go、vue、react目录结构，规划企业级项目
2023-04-xx, 完成全栈学习成长史功能,记录自己的全栈学习成长史，激发自己更好的学习

后端

首先，让我们来看看后端。后端使用了Go语言，并且采用了Gin框架和Gorm库进行开发。同时，使用Mysql作为数据库。

Go + Gin + Gorm + Mysql

Go是一种快速的编译型语言，支持并发和垃圾回收。它非常适合构建高性能的Web服务。Gin是一个轻量级的Web框架，它提供了快速路由、中间件管理和错误处理等功能。Gorm则是一个优秀的ORM库，它可以简化数据库操作。

在这个项目中，我使用了Gin和Gorm来创建RESTful API。通过使用Mysql，我能够轻松地存储和检索数据。

前端

接下来，我们来看看前端部分。在这个项目中，我做了两个前端应用程序：一个使用Vue 3技术栈，另一个使用React 18技术栈。

Vue 3 + TypeScript + Vite + ElementPlus

Vue是一种流行的JavaScript框架，它使得构建交互式应用程序变得更加简单。在这个项目中，我使用了Vue 3版本，并且采用了TypeScript作为编程语言。TypeScript具有静态类型检查和强大的编辑器支持。在构建复杂的应用程序时，它可以减少出错的风险。

此外，我还使用了Vite来进行快速的本地开发和构建，ElementPlus是一个UI组件库，它提供了一些美观而且易于使用的UI组件，可以帮助我快速构建漂亮的用户界面。

React18 + TypeScript +Sws +Vite + Material-UI

类似Vue, React也是一种流行的JavaScript框架，它可以帮助你构建高度可重用的UI组件。在这个项目中，我使用了最新的React 18版本，并且采用了TypeScript作为编程语言。Vite作为构建工具，Material-UI作为UI组件库。

总结

在这个项目中，我学会了很多东西，包括Go语言、Vue、React、TypeScript等技术栈。我深刻认识到了全栈工程师需要掌握许多不同的技能和知识。但是，如果你真的热爱编程，并且愿意坚持不懈地学习和实践，那么成为一名全栈工程师并不是不可能的事情。

最后，我想说的是，如果你也正在追求成为一名全栈工程师，请记住要保持好奇心和学习的态度。永远不要停止学习新的技能和知识，因为只有这样，你才能成为一名真正的全栈工程师，能够设计、开发和部署完整的Web应用程序。如果你愿意去尝试和探索，相信你也能够实现这个目标。

东东吖带你打通全栈，go-vue-react项目介绍