
You can find the full repo for this example here. While this may have been a bit of a lengthy process, I hope that you found this helpful in understanding the fundamentals of building your own desktop apps using Electron. All we really need to get started is a place to put our icons for our different operating systems, a HTML page with a client-side JavaScript file, and a file for our server. npm i electron electromon nedb electron-packager File Structure. In your OS’s folder you can find your new application ready to run natively on your machine. electron-packager A builder for our app so we can send and download it later. When they’re all in the correct locations you can just run their script from our package.json file and a new release-builds folder should be created. Your app will be compatible with Mac, Windows, and Linux operating systems right out of the box. It’s easy to build cross-platform apps using HTML, CSS, and JavaScript. Build an Electron App in Under 60 Minutes - YouTube Electron Tutorial - Tutorialspoint. Electron is a framework for cross-platform desktop applications using Chromium and Node.js.


I recommend using Cloud Convert to do this. Learn Electron online from the best tutorials from around the web. icns for Mac and Linux and ico for Windows.

Script.js const electron = require ( 'electron' ) const ) Bundlingīefore we can bundle our new app we need some icons to go with it, but they need to be in the right formats for their operating system.
