2016-06-12 5 views
0

Сегодня я только начал изучать Электрон.Как запустить электронный проект

Я не понимаю больше об этом, но я думаю:

  • Electron является язык, как 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

+0

Электрон написан на узле node.js, install.js, и вы закончили –

+0

@MassimilianoArione Как установить node.js ?? – Vishal

+0

Загрузите его с официального сайта https://nodejs.org/ru/ –

ответ

1

Мне нужно, чтобы загрузить и установить Node.js от своего official website в @Massimilliano Arione предложил в комментариях вопрос.

Затем я бегу из командной строки или CMD и выполните следующую команду:

npm install electron 

Что скачал электрон как WinRar АРХИВ имени электрон-v1.2.2-win32-x64 в C: \ Users \ Vishal.electron

Затем я извлек его D: \ Электрону

Затем в командной строке я побежал следующие команды:

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

где G: \ Work \ Electron \ Demo - это путь моего проекта.

Все. Теперь он работает.

5

Электронный номер - это не язык. Это платформа для создания кросс-платформенных настольных приложений с веб-технологиями (HTML, CSS, JS), созданных с помощью NodeJS.

Итак, когда для создания приложения с помощью Electron у вас есть как ElectronAPI, так и npm ecosystem.

Чтобы запустить Electron приложение, вы можете следовать:

и/или клон electron-quick-start repo.

Смежные вопросы