Работа с файлами в Electron JS
HTML-код
- Опубликовано: 27 апр 2023
- Продолжаем тему разработки десктопных приложений на JavaScript, с использованием Electron JS, и сегодня напиши простую версию текстового редактора в котором есть возможность создания файлов, редактирования, сохранения и удаления данных.
Таким образом научимся взаимодействовать с файловой системой, подключать библиотеки node.js, и реализуем полный цыкл CRUD для файлов.
Иконка приложения:
www.flaticon.com/free-icon/fi...
Подключение Google material icons:
fonts.googleapis.com/icon?fam...
Сервис Google Fonts:
fonts.google.com/icons
Код урока:
github.com/ateros-lab/text-ed...
#javascript #electronjs #nodejs #desktop #программирование #урокидляначинающих #js #portfolio
Y-ho ! Годнота подъехала !!! Дякую, мужик, крутотенечка ! 💪👍
Спасибо большое) 🙏🙏
Чувак, да ты машина ))
Я недавно начал учить джээсик, про электрон вообще не знал, подписочка однозначно !
Спасибо) 🙏 Рад, что вам понравилось)
я ждал от вас чего то подобного спасибо большое за контент. Планируетели вы делать большие проекты на nodejs?
Рад, что вам понравилось. 🙏
Да, но большие уже на react-е, скорее всего будем делать (react+electron).
а почему ты делаешь всё в маин процессе и не используешь рендерер процесс?
Хотел по максимуму упростить, возможно потом о межпроцессном взаимодействии отдельно сниму
@@_ateros понял, просто по факту маин процесс это как бэкенд. И у тебя все идёт через бэкенд. Я думаю, те кто пойдут изучать электрон изначально будут смущены из за этого) А так очень хороший ролик для начинающих, чтобы они заинтересовались.
Спасибо большое 🙏🙏
Здравствуйте я сделал свое небольшое приложение на Electron js, но есть одна проблема, как только приложение запускается в режиме maximize, то при запуске на окне справа появляются какие то черные артефакты, потом пропадают, не подскажете что я неправильно делаю, как можно решить эту проблему
Здравствуйте, можете подсказать какая у вас ос, и какая версия electron прописана в package.json
@@_ateros Windows 10 версия Electron последняя
Не знаю с чем это может быть связано, извини. Если получится найти решение, напиши пожалуйста в ответ на этот комментарий, это поможет другим.
@@_ateros Я пробовал написать приложение на фреймворке nw.js, и там нету такой проблемы, + приложение на nw.js работает быстрее чем на Electron
К сожалению nw.js уже неактуален. Де-факто стандартом является Electron, хорошие перспективы показывает Tauri, но посмотрим как там будет.
Но я рад, что у тебя все получилось 👍 Если все работает на nw, продолжай делать на нем. Я помню где-то мне попадалось видео, где человек показывал как решить, что-то похожее на то, что у тебя было.
Это было довольно давно, уже не помню что именно он делал. Сегодня долго искал но так и не смог найти.
как вытащить файлы в реакт приложение?
Имеешь ввиду как дать пользователю возможность выбрать файлы? Можешь попробовать вот это - www.electronjs.org/ru/docs/latest/api/dialog
Привет, поправь название
Привет, спасибо) 🙏