Electron Build Desktop Apps HTML\CSS\JS | Package, Build and Deploy your App 05

Full Tutorial:

--- Official Links----

---Support US---

[MRAMetharam]

The year is 2022. It's been 4 years since this was uploaded and I can say that this still works fine! Thanx for sharing this! It really helped me understand how to use the Electron-Builder. I was struggling with the online docs. After going through this video, the docs make sense now. Awesome content!

[Allosaurus-B]

i'm not a programmer nor developer, but had to replace some files in electron based application. previously i made a big mess when relying on official documentation and trying to build. this video cleared it up for me and made building electron easier than accessing sites with cloth-less people.

[mcrazick]

Just in case somebody gets stuck.
As of "electron-builder": "^23.6.0", we now use the "directories" property instead of "directory".

[ice_tee]

I would like to say Thank You so much :)
Your method solved my problem. I was so confused before while using squirrel and this made it ;)

One thing I wanted to point out is that when I executed "npm run dist" it showed me an error that
"configuration has an unknown property 'directory' "
and I wanted to update anyone getting this error that it has been changed to 'directories' now and it will work !

Thank You Bro for such amazing explanation ;) :)

[KistlakRajapakshaSevenNet]

100% Perfectly Worked !!

Thank You Very Much Bro !! :D

[GeorgyDev]

instead of "directory" use "directories"

[安全保密]

Thanks a lot, I did it by 100% following your step, i am on window11

[swarnavasireddy]

Thank you soo much ..after soo many methods it is working fine

[JohnSmith-rnvl]

// Complete code example for package.json
{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron .",
"dist": "electron-builder"
},
"author": "johnsmithterms",
"license": "MIT",
"devDependencies": {
"electron": "^5.0.0",
"electron-builder": "^20.39.0"
},
"build": {
"win": {
"target": [
{
"target": "nsis",
"arch": [
"x64",
"ia32"
]
}
]
}
}
}

[barklegneeshetu]

Watched your video, followed all the steps and it works Great. You are Amazing Thank you!
Subscribed!

[Pixel_Recap]

please do a video about this topic
How to set custom executable icon using electron-packager?

[RyuAdventures]

How to include files like preload or related with ipc modules?

[sqarcle]

Can someone help me. My created program is working well with electron. But after building and installing, the app is not loading index.js, just showing a white screen.

[Javedboqo]

How we can secure our electron code ...I can see people secure using asar but code is still there for hackers. ..

[sonalishirgure]

Thank you so much. This code help me a lot. If already installed same version software in system, Again installing time how to get Repair, Remove and Uninstall Options using same configuration(NSIS) or it show me popup containing message that your application is already installed in desktop it should not show me whole installation procedure again or it should directly open installed application. Please help me.

[ParamedicResource]

Thanks very much for putting this video together, very well put together. Also, your Patreon doesn't seem to be working: "
"This patron isn’t supporting any creators at the moment."

[gastoncabana]

Hi, thank you so much for this video.

Im having a problem, I have the app in one computer shared in the network and when I try to use the app in other computer, mi internet network crashes and stop working.

Do you have any idea about this? Thank you

[xinjinli]

Hello, I am trying to release into github by electron builder but it always publishs as draft.
I want to publish as release. Even I can not convert the draft into release in github, too.
Hope to get your reply.
Thank you.

[torazzer]

npm ERR! missing script: dist pls help

[raydragon]

Visual Studio code uses autoupdation.. Can you help me in understanding how can I make one such app?