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

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