克隆這倉庫 $ git clone https://github.com/electron/electron-quick-start

進入倉庫 $ cd electron-quick-start

安裝依賴庫 $ npm install

運行應用 $ npm start

const {app, BrowserWindow} = require(‘electron‘)
  
  // Keep a global reference of the window object, if you don‘t, the window will
  // be closed automatically when the JavaScript object is garbage collected.
  let win
  
  function createWindow () {
    // 創建瀏覽器窗口。
    win = new BrowserWindow({width: 800, height: 600})
  
    // 然後加載應用的 index.html。
    win.loadFile(‘index.html‘)
  
    // 打開開發者工具
    win.webContents.openDevTools()
  
    // 當 window 被關閉，這個事件會被觸發。
    win.on(‘closed‘, () => {
      // 取消引用 window 對象，如果你的應用支持多窗口的話，
      // 通常會把多個 window 對象存放在一個數組裏面，
      // 與此同時，你應該刪除相應的元素。
      win = null
    })
  }
  
  // Electron 會在初始化後並準備
  // 創建瀏覽器窗口時，調用這個函數。
  // 部分 API 在 ready 事件觸發後才能使用。
  app.on(‘ready‘, createWindow)
  
  // 當全部窗口關閉時退出。
  app.on(‘window-all-closed‘, () => {
    // 在 macOS 上，除非用戶用 Cmd + Q 確定地退出，
    // 否則絕大部分應用及其菜單欄會保持激活。
    if (process.platform !== ‘darwin‘) {
      app.quit()
    }
  })
  
  app.on(‘activate‘, () => {
    // 在macOS上，當單擊dock圖標並且沒有其他窗口打開時，
    // 通常在應用程序中重新創建一個窗口。
    if (win === null) {
      createWindow()
    }
  })
  
  // 在這個文件中，你可以續寫應用剩下主進程代碼。
  // 也可以拆分成幾個文件，然後用 require 導入。

Electron入門