vue + electron 開發一個實時監測github的跨端桌面應用

---

theme: cyanosis

我正在參加跨端技術專題徵文活動，詳情檢視：juejin.cn/post/710123…

本文所述開源專案已獲作者授權，作者想讓我給他拐點star✌️

前言

身為一名熱愛開源的程式設計師，如果自己的專案在開源社群被star是非常開心的事情，那麼如果我們每天工作或者學習的時候開啟電腦，就能看到我們的github情況，又或者這個時候有人送給你了一個star，那心情，立馬就好起來了，所以接下來我將給大家介紹基於vue + electron開發的監測github的star，fork，repository，follower資訊的跨端桌面應用。

專案目錄

如何使用

掘友們想基於現在的版本繼續向上開發，比如說：一個實時監測掘金資訊的桌面應用（我也想這麼幹來著）

克隆下來二次開發：專案傳送門：監控github資訊的桌面小元件 (github.com)

又或者直接下載使用，支援linux,window,mac。

1. 下載地址： fzf404/Monit (github.com)
2. 當前版本（0.2.4）：

🚨 v0.3.0 版本前的最終版，v0.3.0 起會引入外掛機制，除 Github 外還支援其他平臺及電腦控制。

✨ Mac 系統安裝可能會提示 Monit.app 已損壞，請參考 專案中README.md 中的 安裝 部分

🚑 目前只支援 Windows 端自動檢查更新

✨ 支援了各平臺的開機自啟，增加了訊息通知功能

♿ 選單欄增加了 開機自啟 和 訊息通知 的開關

功能介紹

1. 啟動或點選右上角設定按鈕會彈出資訊模態框，輸入你的github使用者名稱即可（說起來還可以監測其他人的github資訊）

1. 左上角第三個按鈕的作用分別為是退出,隱藏,置頂/取消置頂

2. 左側依次為使用者獲得的follower、star、fork總數並可以顯示實時動態

3. 當數字變動時點選可檢視變動詳情

4. 右側為全部倉庫及star數，點選可跳轉到瀏覽器檢視倉庫詳情，倉庫列表可以滾動

5. 網路異常時右上角紅色圖示會有一個斷網指示

下一步的想法

想要增加好玩且實用的功能比如說： 1. 音樂播放器 2. todo代辦項 3. bilibili創作監測 4. 掘金創作資訊監測 目前專案中初步搭建好了todo還有bilibili的檔案，如果掘友感興趣可以進行二次開發並提pr。

最後

關於electron，我這幾天也在社群中看到一些好文章比如說

• 包佬：從 Electron 架構出發，深究 Electron 跨端原理 | 多圖詳解 - 掘金 (juejin.cn)
• 小浪：快速入手Electron，擁有一個自己的桌面應用 - 掘金 (juejin.cn)

如果喜歡這款跨端監測github桌面應用軟體，歡迎star與一鍵三連😍

小活動

如果掘友們有好的其他功能想法歡迎在評論區中進行留言並點贊，在6月十五號我會抽出一名幸運掘友分別送出克里克抱枕！！！