2. Electron.js – Основы. Полезные настройки и инструменты.

Эта заметка будет посвящена полезным настройкам и инструментам, которые можно использовать в фреймворке Electron.js. Ниже приведен список дополнительных инструментов для создания приложения:

1. Для нативной работы с модулями Node.js устанавливаем глобально – windows-build-tools

2. В проект добавляем electron-reload – позволяет обновлять окно без перезапуска проекта. Если используем Electron совместно с React CRA или Vue CLI данный модуль не нужен

3. В зависимости от того как будет реализовано приложение и какая у него будет структура
можно по разному прописывать пути к index.html

4. Для отделения кода работающего только для разработки, добавляем модуль – electron-is-dev

5. Для того чтобы убрать из консоли сообщения о недостаточной безопасности можно добавить строку, использовать только для разработки, для продакшен нужно настроить безопасность правильно. Добавляем так же webPreferences в объект BrowserWindow

6. Для установки в DevTools расширений для работы с популярными фреймворками устанавливаем – electron-devtools-installer. В данном проекте не установлен.

7. Для установки в DevTools расширения Devtron, которое помогает тестировать код, отслеживать баги и оптимально отлаживать приложении. Устанавливаем модуль в проект и инсталлируем его.

Здесь можно более детально рассмотреть проект на GitHub с установленными настройкам и дополнениями – https://github.com/NetWorkRoom/electron-start/tree/tools

Комментариев нет
Добавить комментарий

Ваш email не будет опубликован.