Краткое руководство по Electron: создание кроссплатформенных настольных приложений - Fcodenotes

Вот краткое руководство по Electron — платформе для создания кроссплатформенных настольных приложений с использованием веб-технологий.

Настройка среды разработки:
- Установите Node.js: перейдите на официальный сайт Node.js ( https://nodejs.org ) и загрузите последнюю версию LTS для вашей операционной системы.
- Установить Electron: откройте терминал и выполните следующую команду, чтобы установить интерфейс командной строки Electron глобально:
```
npm install -g electron
```
Создание базового приложения Electron:
- Создайте новую папку для вашего приложения Electron.
- Внутри папки создайте два файла: index.htmlи main.js.
- В index.htmlдобавьте следующий HTML-код:
```
<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>My Electron App</title>
</head>
<body>
 <h1>Hello Electron!</h1>
</body>
</html>
```
- В main.jsдобавьте следующий код JavaScript:
```
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
 width: 800,
 height: 600,
 webPreferences: {
   nodeIntegration: true
 }
})
win.loadFile('index.html')
}
app.whenReady().then(createWindow)
```
- Сохраните файлы и вернитесь в терминал.
- Выполните следующую команду, чтобы запустить приложение Electron:
```
electron .
```
  Эта команда сообщает Electron запустить приложение с текущей папкой в качестве корня приложения.
Упаковка и распространение вашего приложения Electron:
- Для упаковки и распространения приложений Electron доступно несколько инструментов, таких как Electron Forge, Electron Packager и Electron Builder. Вы можете выбрать тот, который лучше всего соответствует вашим потребностям, и следовать его документации по упаковке и распространению.