如何运行电子项目

Question

如何运行电子项目

今天我刚刚开始学习Electron.

我不太了解它,但我认为:

Electron是一种像C#这样的语言.
Atom是像notepad ++这样的文本编辑器.

在Atom.io里面我创建了一个名为Demo的文件夹,它有3个文件,如下所示:

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

Run Code Online (Sandbox Code Playgroud)

在package.json中:

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

Run Code Online (Sandbox Code Playgroud)

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

Run Code Online (Sandbox Code Playgroud)

在index.html中:

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

Run Code Online (Sandbox Code Playgroud)

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

我使用的是Windows 8.1

Answer 1

Flo*_*rry 8

电子不是一种语言.它是使用NodeJS构建的Web技术(HTML,CSS,JS)构建跨平台桌面应用程序的框架.

因此,当使用Electron构建应用程序时,您可以使用ElectronAPI和npm生态系统.

要运行您的Electron应用程序,您可以按照:

运行您的应用程序 - 快速入门指南

和/或克隆电子快速启动回购.

归档时间：	9 年，5 月前
查看次数：	5794 次
最近记录：	8 年，10 月前