relopsourcing.blogg.se

Electron js tutorial
Electron js tutorial








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.

electron js tutorial electron js tutorial

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.

electron js tutorial

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.










Electron js tutorial