Electron 초보

Electron 문서

mkdir myapp
cd myapp
npm init

생성된 패키지.json은 아래와 같이 한 줄을 추가합니다"start": "electron ."

{
  "name": "journal",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron ."
  },
  "keywords": [
    "journal"
  ],
  "author": "Octo",
  "license": "ISC",
}

electron을 설치하면 전역적으로 설치할 수 있지만, 서로 다른 앱에 대해 버전 제어를 하기에는 좋지 않다

npm install electron --save-dev
#  
npm install electron -g

package.json 파일 업데이트는 다음과 같습니다.

  "devDependencies": {
    "electron": "^3.0.1"
  }

현재 디렉터리에 새 index를 만듭니다.js 파일https://github.com/electron/electron-quick-start/blob/master/main.js

const {
    app,
    BrowserWindow
} = require("electron");

let mainWindow;

function createWindow() {
    mainWindow = new BrowserWindow({
        width: 800,
        height: 600
    });
    mainWindow.loadFile("../src/index.html");
    mainWindow.on("closed", function() {
        mainWindow = null;
    });
};

app.on("ready", createWindow);
app.on("window-all-closed", function() {
    if (process.platform !== "darwin") {
        app.quit();
    }
});
app.on("activate", function() {
    if (mainWindow === null) {
        createWindow();
    }
});

운행효과를 확인할 수 있습니다.
Electron API 데모 응용 프로그램