Electron 如何运行电子工程_Electron_Atom Editor

Electron 如何运行电子工程

electron atom-editor

Electron 如何运行电子工程,electron,atom-editor,Electron,Atom Editor,今天我刚开始学电子我对此不太了解，但我认为：电子是一种类似C#的语言 Atom是一个类似记事本++的文本编辑器在Atom.io中，我创建了一个名为Demo的文件夹，其中有3个文件，如下所示： Demo |--package.json |--main.js |--index.html 在package.json中： { "name" : "Demo", "version" : "0.1.0", "main" : "main.js" } 在main.

今天我刚开始学电子

我对此不太了解，但我认为：

电子是一种类似C#的语言
Atom是一个类似记事本++的文本编辑器

在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

我需要从node.js中下载并安装node.js，正如问题评论中所建议的那样

然后运行命令提示符或CMD并运行以下命令：

npm install electron

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

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

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

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

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

就这样。现在它运行了。

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

所以，当使用Electron构建应用程序时，您可以同时使用和使用这两种应用程序

要运行您的Electron应用程序，您可以执行以下操作：

和/或克隆。

Electron写在node.js中，安装node.js后done@MassimilianoArione如何安装node.js？？从官方网站@MassimilianoArione下载。我已经从您建议的链接安装了node.js。现在我如何运行我的项目？？