Vue DevUI v1.4 版本發布：從體驗、效率、質量三個方面做了全方位的優化??
2022年9月1日，我們正式宣布 Vue DevUI 組件庫發布 v1.0 版本。
Vue DevUI 1.0 正式發布??
經過100多天的持續迭代，我們正式發布 v1.4.0 版本，共新增：
11位貢獻者131個PR7452行代碼63個單元測試36次功能增強和優化31個缺陷修復
主要包含以下大的變化，從用戶使用體驗、版本發布效率、項目質量、體驗一致性等多個方面進行了全方位的優化：
- 官網增加 Algolia 全文搜索，增加了用戶的使用體驗
- 增加自動發版本的 GitHub Actions: auto-publish，提升了版本發布效率
- 豐富了單元測試，提升了代碼質量和開發時的安全感
- 支持 size 屬性的組件規范統一，提升了體驗一致性
接下來就給大家一一介紹。
1 官網增加 Algolia 全文搜索，增加了用戶的使用體驗
Vue DevUI 的網站沒有搜索功能，這個事情被很多社區的朋友吐槽，其實很早我就想給網站加上 Algolia 全文搜索能力，斷斷續續嘗試了多次，換了幾個郵箱，但是我申請的 appKey 后臺一直生成不了搜索數據庫。
我還去咨詢了冴羽大佬，問題依然得不到解決。
后來我們的 Maintainer 成員 vaebe 同學主動嘗試解決這個問題。
剛過了一個多星期，vaebe 同學就發來好消息：
不僅增加了 Algolia 全文搜索，還考慮了多主題適配，不僅在默認的無限主題上表現良好，在深色的追光主題和粉色的蜜糖主題上也表現得也非常好：
不愧是 vaebe！高效！專業！優秀！
這里重點推薦下 vaebe 同學的掘金賬號：
https://juejin.cn/user/712139266339694
2 增加自動發版本的 GitHub Actions: auto-publish，提升了版本發布效率
不知道大家有沒有注意到，Vue DevUI v1.3.3 版本和以前的版本 Release 都不太一樣？
對！大家猜的很對！就是版本發布者發生了變化，以前都是一個看著比較民間的叫 kagol 的人手動發版本的，現在是一個看著比較官方的叫 github-actions 的“人”發版本的。
這意味著什么呢？
- 意味著 Vue DevUI 正式邁向了自動化發版本的新紀元！
- 意味著 Vue DevUI 永遠不用擔心失聯問題，因為你可以自己提交 PR，自己發版本。
這個自動化發版本的功能更是誰加的呢？
我們的 Maintainer 成員 GaoNeng 同學！
2022年11月21日，GaoNeng 同學提交了 PR #1143：
chore(.github): 新增自動構建
一看這個描述我就知道這個 PR 不簡單，為了確認這個 PR 的具體功能，我還專門問了 GaoNeng 同學：
得到肯定的回復之后，我立馬合入并連夜嘗試了這個功能，并發現了一個小問題：
- 生成的 Release 信息不符合
release.yml配置文件定義的規范，比如按照標簽進行分類，New Features / Bug Fixes 等
跟 GaoNeng 同學反饋這個問題之后，GaoNeng 同學很快就完美解決！
我立馬在田主交流群里給大家同步了這個好消息：
后續的版本都是自動發布的，包括我們這次的 v1.4.0 版本，大大提升了發版的效率！
這里重點推薦下 GaoNeng 同學自己做的一個公益反霸凌項目：燈塔
燈塔：公益的反霸凌團體
以及 GaoNeng 同學的掘金賬號：
https://juejin.cn/user/4231360443071838
3 豐富了單元測試，提升了代碼質量和開發時的安全感
v1.0 版本發布時，我們只有504個單元測試，現在我們已經有567個單元測試，并且將單元測試集成到工作流中。
我們是一個對質量有要求的組件庫！
- 將 ESLint 集成到 husky 中，確保提交的代碼都是符合 ESLint 規范的
- 將 ESLint 和單元測試任務都集成到 PR 工作流中
- 每個新提交的 PR 都必須通過 ESLint 檢驗和所有單元測試才允許被合入
- 新增加的特性需要編寫配套的單元測試用例
Test Suites: 89 passed, 89 total
Tests: 58 todo, 567 passed, 625 total
目前單元測試的覆蓋率情況如下：
73.4% Statements 7654/10427
61.29% Branches 3419/5578
72.99% Functions 2046/2803
73.47% Lines 7366/10025
我們的目標是：
100%的代碼行測試覆蓋率，給自己也給我們的用戶提供100%的安全感。
4 支持 size 屬性的組件規范統一，提升了體驗一致性
之前我們的組件大中小尺寸不太統一：
容易造成多個組件一起使用時樣式出現問題：
linxiang07同學發現了這個問題，vaebe同學持續了5個月時間將其攻克??，我還專門寫了一篇文章記錄：
差兩個像素讓我很難受，這問題絕不允許留到明年！
以下是這段時間參與貢獻的朋友們：
排名不分先后，按照字典順序排序
- @asdlml6
- @Bbbtt04 -
First-time contributor - @buaalkn -
First-time contributor - @ErKeLost
- @GaoNeng-wWw
- @handsomezyw -
First-time contributor - @hqchqc -
First-time contributor - @hxj9102 -
First-time contributor - @kagol
- @linxiang07
- @LiuSuY
- @Lonely-shang
- @qinwencheng
- @vaebe
- @Whbbit1999 -
First-time contributor - @wowCheng -
First-time contributor - @xiaogonggong-w -
First-time contributor - @XiaoRIGE -
First-time contributor - @xzxldl55
- @zhaoShijuan -
First-time contributor - @zxlfly
- @Zz-ZzzZ -
First-time contributor
多個相同的頭像代表參與了多個版本的開發
如果你也對開源感興趣，歡迎加入我們的開源社區，添加小助手微信：opentiny-official，拉你進我們的技術交流群！
Vue DevUI：https://github.com/DevCloudFE/vue-devui（歡迎點亮 Star ??）
--- END ---
我是 Kagol，如果你喜歡我的文章，可以給我點個贊，關注我的掘金賬號和公眾號 Kagol，一起交流前端技術、一起做開源！
封面圖來自B站UP主億點點不一樣的視頻：吃毒蘑菇真的能見小人嗎？耗時六個月拍下蘑菇的生長和繁殖
695856371
| 喜歡本站的朋友可以收藏本站,或者加入我們大家一起來交流技術!
