Learn more about Russian war crimes in Ukraine.

Electron hello world

First, install Electron via NPM:

$ npm init -y
$ npm install --save electron

Then create a web page to display in index.html:

<!DOCTYPE html><html><body>Hello World!</body></html>

Then create main.js, your app’s entry point, which loads that web page in an Electron window:

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

// Keep a global reference.
// A windows is closed when its object is GC'd!
let mainWindow;

app.on('ready', () => {
  mainWindow = new BrowserWindow({});
  mainWindow.loadFile('index.html');
  mainWindow.on('closed', () => app.quit());
});

Finally, run your app with the electron binary:

$ ./node_modules/.bin/electron .

If all goes well, you’ll get a new window which says “Hello world!”.

What can computers do? What are the limits of mathematics? And just how busy can a busy beaver be? This year, I’m writing Busy Beavers, a unique interactive book on computability theory. You and I will take a practical and modern approach to answering these questions — or at least learning why some questions are unanswerable!

It’s only $19, and you can get 50% off if you find the discount code ... Not quite. Hackers use the console!

After months of secret toil, I and Andrew Carr released Everyday Data Science, a unique interactive online course! You’ll make the perfect glass of lemonade using Thompson sampling. You’ll lose weight with differential equations. And you might just qualify for the Olympics with a bit of statistics!

It’s $29, but you can get 50% off if you find the discount code ... Not quite. Hackers use the console!

More by Jim

Tagged #programming. All content copyright James Fisher 2019. This post is not associated with my employer. Found an error? Edit this page.