如何運行電子項目

今天我剛剛開始學習Electron。如何運行電子項目

我沒有更多的瞭解，但我認爲：

電子是像C＃語言。
Atom是一個類似於notepad ++的文本編輯器。

裏面Atom.io我創建了一個文件夾，名爲演示它有3個文件，如下所示：

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

在的package.json：

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

在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(); 
    } 
});

在index.html中：

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

現在，我想知道我該如何運行此項目？我需要安裝其他任何軟件來運行它嗎？

我使用Windows 8.1

來源

2016-06-12 Vishal

電子是用node.js寫的，安裝節點。js和你完成了 –

@MassimilianoArione如何安裝node.js？ – Vishal

從官方網站下載https://nodejs.org/en/ –

我需要下載並從其official website安裝的node.js如@Massimilliano Arione在問題的意見建議。

然後我運行命令提示符或CMD並運行此命令：

npm install electron

那下載電子作爲一個WinRAR的archieve名爲電子V1.2.2-Win32的64位到C：\用戶\ Vishal.electron

然後我把它解壓到d：\電子

然後在命令提示符我跑以下命令：

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

其中G：\ Work \ Electron \ Demo是我的項目的路徑。

就是這樣。現在運行。

來源

2016-06-12 12:13:23 Vishal

電子不是一種語言。這是一個使用基於NodeJS構建的Web技術（HTML，CSS，JS）構建跨平臺桌面應用程序的框架。

因此，當與Electron一起構建應用程序時，您可以同時使用ElectronAPI和npm ecosystem。

要運行電子的應用程序，你可以遵循：

Run your app - Quick Start guide

和/或克隆electron-quick-start repo。

來源

2016-06-12 12:14:45

如何運行電子項目

回答

相關問題