自制electron小工具

利用空餘時間本身學習electron，再加上決定對vue多加深刻學習，使用了electron-vue腳手架弄些小東西練習。

技術棧

electron，vue，vuex，vue-route，element-ui。

工具說明

本來目的是作一個備忘錄，故起名爲never-gorget。
目前實現狀況，

1. 實現了簡單的記錄功能。
2. 實現了相似於眼保的功能。
3. 縮小到托盤的功能，這個應該不算功能吧。。。

還有其餘不少方面待完善，

功能簡單介紹

備忘錄

界面以下，

簡單的三列布局，最左側是任務的新增，中間是未完成的任務，最右側是已經完成的任務。

眼保

其實就是個簡單的計時器，當時間到了，彈出新的遮擋框（能夠用esc鍵退出）。

計時器是使用web worker計算的，不過，這兒若是使用node的子線程去倒計時的話，又會有什麼樣的區別呢？

設置

設置的話，只有一個簡單的最小化到托盤的功能。用到了electron中的Tray功能：

const Menu = electron.Menu;
const Tray = electron.Tray;
//系統托盤右鍵菜單
let trayMenuTemplate = [{//系統托盤圖標目錄
    label: '退出',
    click: function () {
        app.quit();
}];
// 當前目錄下的app.ico圖標
let iconPath = path.join(__dirname, 'app.png');
appTray = new Tray(iconPath);
//圖標的上下文菜單
const contextMenu = Menu.buildFromTemplate(trayMenuTemplate);

待更新

本來覺得這些小工具沒啥好弄的，也是有或多可玩的，並且弄完美的話，對我來講仍是得花點時間。

現有的調整，

1. 將inndexeddb替代原有的localstorage，由於瀏覽器對後者有大小的限制。
2. 前一天未完成的任務能夠自動轉變爲後一天須要完成的任務。
3. 增長一些報表來顯示對應的統計。
4. 眼保能夠修改黑屏時間。
5. 等等。

新加的功能，

1. 增長圖靈機器人，能夠簡單的查詢一些東西。
2. app檢測升級功能。
3. 崩潰日誌收集等等。
4. 安裝時選路徑，進度等功能。

項目地址： https://github.com/2fps/never...
我的博客地址： https://www.zhuyuntao.cn/

歡迎指點，謝謝！