如何运行电子项目

今天我刚刚开始学习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

如何运行电子项目

回答

相关问题