2016-06-12 14 views
0

Heute habe ich gerade angefangen, Elektron zu lernen.Wie man Elektronenprojekt laufen lässt

ich nicht mehr darüber verstehen, aber ich denke:

  • Electron eine Sprache wie C# ist.
  • Atom ist ein Texteditor wie Notepad ++.

Innen Atom.io Ich habe einen Ordner namens Demo erstellt, die drei Dateien hat, wie folgt:

Demo 
    |--package.json 
    |--main.js 
    |--index.html 

In package.json:

{ 
    "name" : "Demo", 
    "version" : "0.1.0", 
    "main" : "main.js" 
} 

In main.js:

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',() => { 
    win = null; 
    }); 
} 

app.on('ready', createWindow); 

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

app.on('activate',() => { 
    if (win === null) { 
    createWindow(); 
    } 
}); 

In index.html:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Hello World!</title> 
    </head> 
    <body> 
    <h1>Hello World!</h1> 
    </body> 
</html> 

Jetzt möchte ich wissen, wie kann ich dieses Projekt ausführen? Muss ich etwas anderes installieren, um es auszuführen?

Ich verwende Windows 8.1

+0

Elektron wird in node.js geschrieben, Knoten installieren.js und du bist fertig –

+0

@MassimilianoArione Wie installiere ich node.js ?? – Vishal

+0

Laden Sie es von der offiziellen Website https://nodejs.org/en/ –

Antwort

1

ich herunterladen und installieren müssen node.js von seiner official website als @Massimilliano Arione in der Frage Kommentare vorgeschlagen.

Dann laufe ich die Eingabeaufforderung oder CMD und diesen Befehl ausführen:

npm install electron 

Das Elektron als winrar archieve heruntergeladen namens Elektron-v1.2.2-win32-x64 in C: \ Benutzer \ Vishal.electron

Dann extrahiert ich es nach D: \ Electron

dann in Command Prompt lief ich diese Befehle:

D: 
cd Electron 
electron G:\Work\Electron\Demo 

Dabei ist G: \ Work \ Electron \ Demo der Pfad meines Projekts.

Das ist es. Jetzt läuft es.

5

Elektron ist keine Sprache. Es ist ein Framework zum Erstellen plattformübergreifender Desktop-Anwendungen mit Web-Technologien (HTML, CSS, JS), die mit NodeJS erstellt wurden.

Also, wenn App mit Electron zu bauen, haben Sie beide ElectronAPI und zu Ihrer Verfügung.

Ihre Electron App ausführen zu können, können Sie wie folgt vor:

und/oder Klon electron-quick-start repo.