Как писать десктопные приложения на JavaScript, Electron, Node.js

Сегодня покажу вам как разрабатывать десктопные приложения на JavaScript с помощью фреймворка Electron под различные операционные системы будь-то Windows, MacOs или Linux.

Иконка приложения:

Код урока:

#desktop #приложение #javascript #electron #nodejs #программированиеснуля #урокидляначинающих #js #html #css

[AterosDev]

Сборка приложения:

В любом месте на компьютере (например на рабочем столе), создайте новую папку Calc и откройте ее в VS Code. В терминале введите следующую команду:

npm init electron-app

Дождитесь пока завершится создание нового проекта, а после - удалите содержимое папки src и вместо него подставьте содержимое папки src из нашего проекта.

После этого в терминале введите команду:

npm run make

Когда работа команды завершится, в папке out вы найдете установочный и исполняемый файлы приложения для вашей операционной системы.

[ЛевкинВладимир-ст]

ппц как такое могло случиться что я наткнулся на этот канал только сейчас? Однозначно подписка

[nkeuo_yt]

Спасибо за урок! С этого урока я начинаю изучать Js electron ❤

[islam_in_the_west]

Спасибо, Хороший урок! Побольше бы уроков electron js, подписываюсь , надеясь на эти уроки

[АлибекБилалов-ня]

Видео топ, хотелось бы больше видео про Electron

[anar]

ОЧЕНЬ КРУТО ПОДОБНОГО Я И ЖДАЛ ТЫ ОТЛИЧНЫЙ МОТИВАТОР СПАСИБО ОГРОМНОЕ ПОЖАЛУСТА ПРОДАЛЖАЙ

[ISYHIBC]

Было очень полезно и познавательно, спасибо

[placid]

Воу вообще топ! Я только собрался делать пет-проект на электрон! Давай пожалуйста еще про электрон сделай видосы! Какие там есть фичи и как у себя их использовать например. Как взаимодействовать с операционкой, ну с виндой допустим. Как лучше организовать файлы в проекте. Как туда затянуть реакт какой-нибудь. Так много вопросов у меня))

[tukituk]

спасибо Вам!
Желаю Вам много подписчиков!)

[НикитаСуворов-бд]

Спасибо за урок.
Подскажите, возникает следующая ошибка при запуске приложения на windows 7 "....exe. не является приложением Win32"
Сборку делал как x32, так и x64
При запуске на win10, 11 такой ошибки не возникает и приложение работает

[gregdmitriev]

ОООО! Прикольно ! Спасибо, друже ! Давай ИСЧО такого ) десктопы на React + Electron !!! Например какой-нить файловый менеджер. А я за это отпишусь и снова подпишусь, а потом ещё раз лайк поставлю )))
Кстати, а что можно вместо eval использовать ?

[kachnashevse]

Можно ли сделать такое приложение в виде ярлыка?

[nixaristix]

Сейчас для новых проектов лучше Таури выбирать, а не Электрон...

[AlexanderOsnovnoi]

ИМХО Tauri ничем не хуже, а местами даже и лучше

[xsgsdsdgsdgsd]

Ни чего не понятно, но очень интересно))) после команды npm run start выдал ошибку

C:\Users\User>npm run start
npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! A complete log of this run can be found in:

А так все хорошом