你知道的Electron小小記事本

大喻喻發表於2019-01-24

第一次分享程式碼,小緊張。要過年了,走過路過的大哥哥小姐姐動動金手指點贊star?,恭喜發財啊,2019年KPI爆表?哈哈哈 github原始碼地址

功能介紹

Electron 基於 Chromium 和 Node.js, 讓你可以使用 HTML, CSS 和 JavaScript 構建應用。 這個練手專案主要完成以下功能:

  • 檔案

    • 新建
    • 開啟
    • 儲存
    • 列印
    • 退出
  • 編輯

    • 撤銷
    • 恢復
    • 截切
    • 複製
    • 貼上
    • 刪除
    • 全選
  • 檢視

    • 縮小
    • 放大
    • 重置縮放
    • 全屏
  • 幫助

    • 關於

涉及Electron 的知識點

上面這些功能做完呢,基本對Electron的使用心裡有數了,翻文件更加熟練了哈哈哈

  1. 生命週期
  2. 視窗BrowserWindow
  3. 主程式與渲染程式通訊(ipcMain和ipcRenderer)
  4. 選單與右鍵選單
  5. remote(渲染程式中使用主程式api)
  6. shell 模組(開啟外部連結:參考“關於”這個功能點)
  7. dialog對話方塊
  8. node.js的fs模組讀取檔案及寫檔案

注意的地方

這個記事本確實很小很簡單,其中有個需要注意的地方就是新建、開啟、退出等的時候記得檢查是否儲存已編輯文字。

相關文章