More than 5 years have passed since last update.

electron 最小構成

Electron

Posted at 2020-12-28

electron install

yarn init -y 
yarn add -D electron

index.js

const { app, BrowserWindow } = require('electron')

let window

app.on('ready', () => {
    window = new BrowserWindow({
        width: 500,
        height: 500,
        useContentSize: true
    })

    window.loadFile('index.html')

    window.on('closed', () => {
        window = null
    })
})

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit()
    }
})

index.html

<!DOCTYPE html>
<body>
    <div>
        hello, world
    </div>
</body>

起動

yarn electron .

結果

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up