之前釋出過一篇文章《Vue3教程：開發一個 Vue 3 + element-plus 的後臺管理系統》，文中提到會開發並開源一個 Vue 3 + Element Plus 的專案供大家練手和學習，隨後也一直有收到留言和反饋，問我什麼時候開源之類的問題，今天終於可以通知大家，完成啦！??開源啦！??
如果覺得我寫得還行的話，請獻上你寶貴的一讚?，這將是我持續寫作的動力！感謝大家啦。
vue3-admin 開源地址
所有的程式碼、檔案全部都開源到 GitHub 倉庫中，前後端程式碼全部都在倉庫裡。
並沒有任何藏著掖著的行為，包括後端 API 介面的程式碼也全部開源，不會說缺少哪個頁面或者某個重要功能，這種事情是不存在的，大家先看看文章和預覽圖，覺得不錯的朋友可以繼續瞭解一下這個專案。
當然，也希望感興趣的朋友可以找找其中的問題，提一些 pr 或者 issue，讓這個開源專案能夠減少問題並且保持進步。
vue3-admin 在 GitHub 和國內的碼雲都建立了程式碼倉庫，如果有人訪問 GitHub 比較慢的話，建議在 Gitee 上檢視該專案，兩個倉庫會保持同步更新。
vue3-admin 預覽地址
本專案在一週之前已經部署到線上環境，在開源倉庫裡可以看到訪問地址。
由於伺服器的頻寬並不是非常大，擔心大家直接把伺服器擠爆了，希望大家不要一起訪問，哈哈哈哈。
測試過程和測試結果，感謝大家參與測試
測試過程大概大半個月吧，總共有三輪測試，前兩輪都是自測，改了不少問題。後面是發了一篇文章介紹了這個專案，並且把專案的預覽地址和測試賬號密碼公佈出來，讓大家一起點一點頁面、測一測功能，還是有不少人蔘與到這個專案的測試環節的，在這裡感謝一下大家啦。
下圖是某個時間段內生成的登入token記錄，就是每次有人登入系統都會生成這樣一條記錄，資料量還是挺大的。
彙總了網站上線第一週的 token 產生資料情況，如下圖所示：
通過這個資料可以大致的推算出一些結果，每天大概有 200 ~ 300 人登入並測試了 vue3-admin 這個專案。不過，反饋過來的問題不是很多，bug 也沒有，可能大家測試的也不是很深入，後續大家實際的執行程式碼和詳細的體驗後，應該會有更多問題出現，期待大家的反饋。
測試過程中哭笑不得的一件事
也有一個很氣的事情，這個事情我之前提過很多次，真的是很哭笑不得。
我做了不少開源專案，這些專案也都會把預覽地址放出來給大家用，讓大家可以提前體驗功能，我這個想法是很為大家考慮的，但是總有些人比較怪，做一些怪事情。最經典的一件事情就是刪資料，本來滿滿登登的測試資料，全給我刪咯，比如這次 vue3-admin 預覽網站中的輪播圖資料、分類資料，剛把預覽地址發出去半天時間，資料就沒了，頁面效果如下圖所示：
然後我又去恢復，然後商品資料、訂單資料、使用者資料為什麼沒被刪呢？因為這些模組裡我沒放刪除按鈕，但是第一頁的訂單資料也給我關閉了、第一頁的商品資料也給我下架了、第一頁的使用者資料也給我禁用了，我後面時不時的去恢復一下這些資料。
這個事情呢，說實在的，從我 2017 年做第一個開源專案就存在，但是也沒法解決，不放預覽地址吧，影響大家的體驗，但是放上去吧，總有些二貨刪掉全部資料或者改測試賬號的密碼讓別人沒法測。這裡呢，還是希望各位自覺一點，可以測試刪除功能，但是你別全刪了，或者說你刪完之後加幾條資料也行啊。
主要技術棧
vue3-admin 專案的技術棧選擇如下：
主要技術棧為 Vue 3.0 和 Element Plus，Vue 3.0 正式版本已上線半年有餘，之後又看到 @iamkun 大佬發了一篇文章《? Element UI for Vue 3.0 來了！》，文章中有提到 Element Plus 正式發版，就想著用它來重構之前寫的一個後臺管理系統，然後又嘗試了一下 Vite 2.0，算是嚐鮮吧。
vue3-admin專案預覽圖
預覽圖如下：
- 登入頁
- 輪播圖管理
- 分類管理
- 商品列表
- 商品編輯
- 訂單管理
- 訂單詳情
程式碼貢獻
當然，目前是 vue3-admin 的第一個版本，雖然已經測試過幾輪，不排除還會有一些問題存在，也希望大家可以提出一些優化建議，可以提交issue，也可以給我留言或者到交流群裡直接艾特我。
當然我也希望大家都能夠為該專案做一下程式碼貢獻，步驟如下：
- fork 程式碼
- 建立自己的分支
- commit 並 push 修改的程式碼到你fork的程式碼倉庫
- 提交 pr
總結
由於時間的關係也沒有時間詳細的講解開發過程和一些注意事項，只是通過這篇簡簡單單的文章告訴大家，Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 的後臺管理系統開發出來了，在充分的測試之後也開源了出來供大家學習和練習，過程中如果有任何問題，也希望大家給我反饋，我會盡快的修復掉這些問題。
感謝大家的檢視，然後也希望大家動動發財的小手，幫忙點個 Star或者分享出去讓更多地人可以看到這個專案，謝謝大家的支援啦。
vue3-admin 開源地址：
除註明轉載/出處外，皆為作者原創，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連結，否則保留追究法律責任的權利。