最近一直在使用electron開發桌面應用，對於一個web開發者來說，html+javascript+css的開發體驗讓我非常舒服。之前我一直簡單的以為electron只是張網頁加個殼，和那些號稱跨平臺的運行在手機上的webapp是一個套路。直到我真的需要開發一個跨平臺桌面應用的時候，我又認真的嘗試了一下electron，我開始意識到：這才是我理想中的跨平臺桌面應用開發的最終形態，它簡直太優秀了。
# 2在使用electron期間，我順便寫了一個簡單的todolist（便籤）應用，用於學習和嘗試；項目地址：https://github.com/xiajingren/xhznl-todo-list 界面參考了小黃條便籤。它目前的功能還非常簡單，但是包含了很多我使用electron時遇到問題，這也是electron新手都很可能遇到的，也算是一個技術總結吧；比如：
electron無邊框透明窗口/拖拽/置頂/閃爍問題
以下是項目README：
# 3xhznl-todo-list:sparkles:一個使用 electron + vue + electron-builder 開發的跨平臺 todolist（便籤）桌面應用
相關技術electron 9.x[1]
vue 2.x[2]
vue-cli-plugin-electron-builder[3]
electron-builder[4]
lowdb[5]
exceljs[6]
dayjs[7]
Vue.Draggable[8]
.
功能預覽todo listdone list基本操作數據導出滑鼠穿透macOS步驟npm install
npm run electron:serve
npm run electron:build下載 releases：https://github.com/xiajingren/xhznl-todo-list/releases
規劃# 4在使用electron期間確實也遇到很多坑，其中大部分都是來自於electron編譯nodejs模塊。後續我可能整理一個關於electron的系列分享，介紹 xhznl-todo-list[9] 的實現細節，歡迎關注。
GitHub：https://github.com/xiajingren/xhznl-todo-list
或點擊下方「 閱讀原文 」
參考資料[1]electron 9.x: https://github.com/electron/electron
[2]vue 2.x: https://github.com/vuejs/vue
[3]vue-cli-plugin-electron-builder: https://github.com/nklayman/vue-cli-plugin-electron-builder
[4]electron-builder: https://github.com/electron-userland/electron-builder
[5]lowdb: https://github.com/typicode/lowdb
[6]exceljs: https://github.com/exceljs/exceljs
[7]dayjs: https://github.com/iamkun/dayjs
[8]Vue.Draggable: https://github.com/SortableJS/Vue.Draggable
[9]xhznl-todo-list: https://github.com/xiajingren/xhznl-todo-list
如果本文對您有用，
不妨點個「在看」或者轉發朋友圈支持一下
我不知會遇見你