

To distribute your app with Electron, you need to package it for each operating system you want to target. Once you have them in both formats, create a new folder in the root of the project (I called it assets) and put both icon files there.


png, fortunately, you can create icon files from a. We can implement that behavior easily with electron by adding the following code to app.js. You can find the app configured to build on macOS, Windows, and Linux here:īefore delving into packaging our app, let’s do a small adjustment to our code to respect the conventions of the macOS platform, where usually applications remain open even if they don’t have any active windows. Note: I usually provide a link to a repository with the completed project at the end of the tutorial, but for this one I think is important that you have the package.json at hand to compare it with yours and find any possible differences in case you run into problems. In this tutorial, we will use the codebase that we ended up with in the last part. Their ability to run on multiple platforms. Two of these Electron app development series, we created a basic text loader, and then addressed some security issues.īut at the end of the day, we have not yet experienced the best feature of Electron apps:
