

This document covers standards and guidelines on writing PKGBUILDs for Electron.Īrch Linux provides global electron and versioned electron* packages that can be used to run an electron application via a shellscript wrapper:Įxec electron /path/to/ appname/ appname/ directory, or alternatively a file bundle called appname.asar, can be found in a prebuilt electron application as the resources/app/ folder (or resources/app.asar). Create the browser window.32-bit – CLR – CMake – Cross – DKMS – Eclipse – Electron – Font – Free Pascal – GNOME – Go – Haskell – Java – KDE – Kernel – Lisp – Meson – MinGW – Node.js – Nonfree – OCaml – Perl – PHP – Python – R – Ruby – Rust – Shell – VCS – Web – Wine Then, we'll create a function called createWindow that will make our electron app pop up when we call it. Making the appĬreate a file called index.js, and we'll start by importing the package as constant ( const), a variable that cannot be reassigned. Once you are finished, open the folder in your favorite editor, such as VSCode or Atom. is telling Node to do that right here for all the files in this folder. The electron is telling Node to run the command electron and the. You can leave everything blank, except for main, which you need to change to main.js, and test, which you need to change to electron. By default this is the name of the folder. Once you are inside the folder, run the command npm init. It should look something like this: cd C:\Users\me\Desktop\electron-app. Open the folder by typing cd and then the directory of the folder. Make a folder named electron-app, and open command prompt. The structure of our app is going to look a bit different to most Enlight tutorial apps. Then, in command prompt, run npm install -save-dev electron to install Electron. If either of them come up looking like this: 'node' is not recognized as an internal or external command, operable program or batch file., then download Node.js using the link above. To check if you have all the required dependencies, run node -v and npm -v in your terminal. Electron is a package developed by GitHub that allows you to make native apps with web technologies like HTML, CSS and JS.įor this to work, you're going to have to have Node.js.

You're probably going like, "Say what now?", but yes, it's possible.

Build a Desktop App with HTML, CSS, and JavaScript!
