如何运行电子项目

Question

今天刚开始学习Electron

我不是很了解，但我认为：

Electron 是一种类似于 C# 的语言。
Atom 是一个类似于 notepad++ 的文本编辑器。

在 Atom.io 中，我创建了一个名为 Demo 的文件夹，其中包含 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

Answer 1

我需要按照@Massimilliano Arione 在问题评论中的建议，从其 official website 下载并安装 node.js。

然后我运行命令提示符或 CMD 和运行这个命令：

npm install electron

将名为 electron-v1.2.2-win32-x64 的 electron 作为 winrar 存档下载到 C:\Users\Vishal.electron

然后我解压到D:\Electron

然后在命令提示符中我运行这些命令：

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

其中 G:\Work\Electron\Demo 是我项目的路径。

就是这样。现在运行s.

Answer 2

Electron 不是一种语言。它是一个使用 NodeJS 构建的 Web 技术（HTML、CSS、JS）构建跨平台桌面应用程序的框架。

因此，当使用 Electron 构建应用程序时，您可以同时使用 ElectronAPI and npm ecosystem。

要运行您的 Electron 应用程序，您可以关注：

Run your app - Quick Start guide

and/or 克隆 electron-quick-start repo.

如何运行电子项目

How to run electron project

atom-editor

electron

如何运行 电子项目

How to run electron project

atom-editor

electron

如何运行电子项目