Предварительные условия

Electron — это фреймворк для создания настольных приложений с использованием JavaScript, HTML и CSS. Встраивая Chromium и Node.js в один исполняемый файл, Electron позволяет создавать кроссплатформенные приложения, работающие на Windows, macOS и Linux с использованием одного кода на JavaScript.

Это пошаговое руководство проведет вас через процесс разработки настольного приложения с помощью Electron и распространения его конечным пользователям.

Предположения​

Electron — это родной оболочный слой для веб-приложений, выполняемый в среде Node.js. Поэтому в этом руководстве предполагается, что вы знакомы с основами Node.js и разработки веб-приложений на стороне клиента. Если вам необходимо предварительно ознакомиться с некоторыми материалами, мы рекомендуем следующие ресурсы:

• Начало работы с Вебом (документация MDN Web)
• Введение в Node.js

Необходимые инструменты​

Редактор кода​

Вам понадобится текстовый редактор для написания кода. Мы рекомендуем использовать Visual Studio Code, хотя вы можете выбрать любой другой.

Командная строка​

В ходе работы с руководством вам потребуется использовать различные интерфейсы командной строки (CLI). Вы можете ввести эти команды в стандартной командной строке вашей системы:

• Windows: Командная строка или PowerShell
• macOS: Терминал
• Linux: зависит от дистрибутива (например, GNOME Terminal, Konsole)

Большинство редакторов кода также поставляются с интегрированной командной строкой, которую вы также можете использовать.

Git и GitHub​

Git — это широко используемая система управления версиями исходного кода, а GitHub — это платформа для совместной разработки, построенная на её основе. Хотя ни одна из них строго не необходима для создания приложения Electron, мы будем использовать релизы GitHub для настройки автоматических обновлений позже в руководстве. Поэтому нам потребуется:

• Создать учётную запись GitHub
• Установить Git

Если вы не знакомы с принципом работы Git, мы рекомендуем ознакомиться с руководствами по Git от GitHub. Также вы можете использовать приложение GitHub Desktop, если предпочитаете графический интерфейс командной строке.

Мы рекомендуем создать локальный репозиторий Git и опубликовать его в GitHub перед началом работы с руководством и фиксировать свой код после каждого шага.

Node.js и npm​

Для начала разработки приложения Electron вам необходимо установить среду выполнения Node.js и интегрированный менеджер пакетов npm на вашей системе. Мы рекомендуем использовать последнюю версию с долгосрочной поддержкой (LTS).

Чтобы убедиться, что Node.js был установлен правильно, вы можете использовать -v флаг при выполнении команд node и npm. Они должны вывести установленные версии.

$ node -v
v16.14.2
$ npm -v
8.7.0