How to run electron project
<p>Today I have just started to learn Electron.</p>

<p>I don't understand more about it but I think:</p>

<ul>
<li>Electron is a language like C#.</li>
<li>Atom is a Text Editor like notepad++.</li>
</ul>

<p>Inside Atom.io I have created a Folder called Demo which has 3 files as follows:</p>

<pre><code>Demo
  |--package.json
  |--main.js
  |--index.html
</code></pre>

<p>In package.json:</p>

<pre><code>{
  "name"    : "Demo",
  "version" : "0.1.0",
  "main"    : "main.js"
}
</code></pre>

<p>In main.js:</p>

<pre><code>const electron = require('electron');

const {app} = electron;

const {BrowserWindow} = electron;

let win;

function createWindow() {

  win = new BrowserWindow({width: 800, height: 600});

  win.loadURL(`file://${__dirname}/index.html`);

  win.webContents.openDevTools();

  win.on('closed', () =&gt; {
    win = null;
  });
}

app.on('ready', createWindow);

// Quit when all windows are closed.
app.on('window-all-closed', () =&gt; {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () =&gt; {
  if (win === null) {
    createWindow();
  }
});
</code></pre>

<p>In index.html:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Hello World!&lt;/h1&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Now, I want to know that how can I run this project? Do I need to install anything else to run it?</p>

<p>I am using Windows 8.1</p>