Question

今天我刚刚开始学习电子学。

我不太了解它，但我想：

电子是一种像C＃的语言。
Atom是一个文本编辑器，如记事本++。

在Atom.io内部我创建了一个名为Demo的文件夹，它有3个文件，如下所示：

在package.json中：

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

在main.js中：

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

在index.html中：

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

现在，我想知道我该如何运行这个项目？我是否需要安装其他任何东西才能运行它？

我使用的是Windows 8.1

Answer 1

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

因此，当您使用Electron构建应用时，您可以随时使用ElectronAPI和npm ecosystem。

要运行电子应用，您可以按照：

Run your app - Quick Start guide

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

Answer 2

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

然后我运行命令提示符或CMD并运行此命令：

npm install electron

将下载的电子作为winrar archieve命名为electron-v1.2.2-win32-x64到C：\ Users \ Vishal.electron

然后我把它提取到D：\ Electron

然后在命令提示符下运行以下命令：

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

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

那就是它。现在它运行了。

如何运行电子项目

2 个答案: