成為一名全棧工程師是許多程序員都渴望實現的夢想。但是這並不是一件容易的事情：它需要各種技能和知識，以及持續學習和實踐的態度。

我最近做了一個項目叫做"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項目介紹