5000Star、10w下載量——這是我交出的年度開源答卷

你好，我是 Kagol，個人公眾號：前端開源星球。

2024年，我做前端開發工作滿10年啦！

這10年我一直在開發前線，做過電商專案、廣告平臺、專案管理系統等業務，目前主要專注於前端元件庫建設和開源社群運營，OpenTiny 開源社群運營，Fluent Editor 和 Vue DevUI 作者，前端開源星球公眾號運營者，熱愛開源和寫作，活躍於掘金、知乎、B站等社群，發表100多篇技術文章，有4個 Star 超千的開源專案。

我的 GitHub 主頁（歡迎 Follow）：https://github.com/kagol

kagol-github.png

2024年的三個關鍵字：開源運營、創作分享、健康生活。

關鍵字1：開源運營

我在2014年就開始在 GitHub 建立開源專案，從早期的使用開源、做一些玩具專案，到後面的參與開源，給開源專案提交 Issue、提交 PR，真正做開源運營是在2020年，到現在也有5年的經驗了，先後運營過10多個開源專案，其中有4個 Star 數超過1000。也做過多次開源社群運營的分享，寫過幾篇開源運營的經驗文章。

從2023年開始負責 OpenTiny 開源社群運營，打造了 TinyVue、TinyEngine 兩款明星專案，其中 TinyEngine Star 數超過2000，TinyVue 的下載量超過8W，吸引了100多位社群共建者。

截止到2024年12月29日，OpenTiny 開源社群累計 Star 數突破 5000🎉，陸續孵化了 TinyVue、TinyEngine、TinyPro、TinyCharts、Fluent Editor 等多個開源專案。

TinyCharts 是今年新開源的圖表元件庫，除了支援 ECharts 基礎圖表，還增加了關係圖引擎，實現了跨框架節點、父子節點展開、拓撲佈局、區域性重新整理等豐富的特性。關係圖引擎主要用於實現複雜的關係圖表，比如：思維導圖、網格圖、環形圖、弧線圖等。

Fluent Editor 是今年新開源的富文字編輯器，基於 Quill 2.0，在 Quill 基礎上擴充套件了表格、圖片、檔案上傳、@提醒等豐富的模組和格式，功能強大、開箱即用。除了富文字常用功能之外，我們還支援截圖、可編輯公式、標題列表等 Fluent Editor 特有但實用的特性。

除了新開源專案，我們也對 OpenTiny 的其他專案進行了大量的更新。

• TinyVue 元件庫提供了一套更符合現代審美的UI設計規範，並增加了 MindMap、FluentEditor、Sticky、Statistic、TreeSelect、VirtualScrollBox 等多個新元件，對文件也做了升級最佳化。
• TinyEngine 低程式碼引擎釋出 v2.0 版本，最佳化開發體驗的包引入與 CLI 工具，開創性的“洛書架構”，提供靈活的佈局、畫布切換，支援第三方元件庫和任意語言出碼等豐富的特性。
• TinyPro Vue 後臺管理模板釋出 v1.1.0 版本，增加頁籤模式、多級選單、NestJS 後端、細粒度許可權管理和 Webpack/Vite/Rspack/Farm 多種構建工具支援等豐富的特性。由於增加了系統管理功能，之前配置路由和選單需要修改程式碼，現在只需要在頁面上點點點就能建立，非常便捷。

除了 OpenTiny 自身專案的持續更新和打磨，我們還與 common-intellisense 合作，透過 VSCode 外掛方式擴充套件了 TinyVue 元件庫的元件 API 提示功能，大大提升了 TinyVue 元件的使用體驗，降低了小白使用者的上手成本。

開源資料（截止到2024年12月29日）：

指標	TinyVue	TinyEngine	TinyCharts	FluentEditor
PV/UV	6768 / 1079	5808 / 659	348 / 67	2747 / 456
Star	`1784`	`2099`	73	187
Fork	273	318	24	29
Clone	207 / 44	154 / 27	5 / 5	205 / 46
Download	`87277`	984	3682	`19875`
Issue	165 / 388	55 / 194	2 / 0	20 / 39
PR	13 / 2121	36 / 600	1 / 104	3 / 111
Contributor	79	32	11	8

關鍵字2：創作分享

做開源專案和在公司開發專案有很多不同，其中有一個很大的區別就是在公司開發專案，我們是不用操心運營的事情的，專案開發出來就行，有沒有人用，誰在用，我們是不用關注的。

做開源專案，我們不僅要負責專案開發，還需要考慮開源專案的運營推廣，畢竟如果只是我們自己用，就沒必要開源了，開源還是希望有更多人用起來，有更多人參與進來一起共建的。

為了把 OpenTiny 的開源專案推廣出去，今年我也參加了不少大會，認識了開源大佬，自己也做了一些演講分享和直播，寫了一些文章、錄了幾個影片教程。

印象最深的就是和 TinyVue 的小夥伴一起參加 VueConf 大會，見到了偶像尤大，還拍了合影、一起參加了晚宴。

另外就是參加體驗技術大會，我自己做了一次線下分享：《創新引領，設計賦能，煥然一新的 TinyVue 元件庫》，和小夕、狼叔等多位大佬面基和交流。

並且還在 HDC 大會、OpenTiny 茶話會跟我們OpenTiny的貢獻者、使用者朋友們一起面基和交流，瞭解大家在使用和參與OpenTiny過程中的痛點，吸納大家給我們提的建議，這不僅增進了我們之間的友誼，我為後續進一步的合作打下堅實的基礎，也希望後續有更多機會與大家面對面交流和碰撞。

要把開源專案推廣出去，一個最簡單有效的方式就是寫篇文章介紹下你的專案，它是做什麼的，有什麼優勢，怎麼快速使用等，今年一共釋出了30篇技術和推廣文章，主要釋出在掘金和公眾號，掘金大概有 6.5W 閱讀，公眾號大概 4.8W 閱讀。

除了文章，今年也嘗試錄了幾個影片，釋出到B站了，歡迎大家關注，後續也會持續更新的。目前主要還是錄製一些開源專案的使用教程，方便大家快速上手，後續大家有其他想看的技術內容，也可以在評論區留言。

演講分享和直播：

• 趣談前端專訪：專訪華為 OpenTiny 開源專案負責人 Kagol
• CSDN 直播：《我的開源社群運營經驗》
• Vue ShenZhen Meetup：《OpenTiny 跨框架元件庫實現原理解析》
• 三層部門體驗改進分享：《元件設計的藝術：易用和靈活的平衡》
• 體驗技術大會線下分享：《創新引領，設計賦能，煥然一新的 TinyVue 元件庫》
• CCF開源創新大賽直播

文章：

• 12k🔖123👍重回鐵王座！時隔5年！Quill 2.0 終於釋出啦
• 8k🔖166👍我可以寫程式碼寫到退休嗎？記錄我的10年前端技術之旅
• 手把手帶你開發一個易用又靈活的 Carousel 元件
• 4.6k🔖36👍Vue Vine：帶給你全新的 Vue 書寫體驗！
• 6.8k🔖103👍Monorepo：讓你的專案脫胎換骨，既能程式碼複用，又能獨立部署！
• 3.2k🔖35👍Fluent Editor：一個基於 Quill 2.0 的富文字編輯器，功能強大、開箱即用！

深入淺出 Quill 富文本系列文章：

• 深入淺出 Quill 系列之使用篇1：Quill 基本使用和配置
• 深入淺出 Quill 系列之使用篇2：透過 Quill API 實現對編輯器內容的完全控制
• 深入淺出 Quill 系列之原理篇1：現代富文字編輯器 Quill 的模組化機制
• 深入淺出 Quill 系列之原理篇2：現代富文字編輯器 Quill 的內容渲染機制
• 深入淺出 Quill 系列之實踐篇1：如何將龍插入到編輯器中？
• 深入淺出 Quill 系列之實踐篇2：整個貪吃蛇遊戲到編輯器裡玩兒吧
• 深入淺出 Quill 系列之選型篇：Quill 富文字編輯器的實踐

影片：

• 2.5k🔖35👍TinyPro Vue：一行命令建立一個美觀大氣的中後臺系統，專案初始化和前後端啟動指南：https://www.bilibili.com/video/BV1SUBRYGECg
• Fluent Editor：一個基於 Quill 2.0 的富文字編輯器，功能強大，開箱即用！：https://www.bilibili.com/video/BV1HUWMe1ECA
• common-intellisense：擁有這款 VSCode 外掛，讓你的 TinyVue 元件書寫體驗更絲滑！：https://www.bilibili.com/video/BV1sDvDeeE3m/