Next, you get a prompt to either download a configuration file for the pipeline or start building.Ĭlick Start Building. On the setup page, click Add Manually to instruct CircleCI that we would be adding a configuration file manually and not using the sample displayed.
Next, go to the Add Projects page on the CircleCI dashboard. Our next task is to get our Electron.js desktop application project set up on CircleCI. Now we have the complete electron-forge configuration to create our distribution builds.
deb file for Debian-based platforms, respectively.įor more information about configuring makers for different platforms, visit the makers documentation page. In the file above, we have configured two makers, maker-zip and maker-deb, to generate the. makers exist for creating distribution builds for MacOS, Windows, and Linux platforms. The electron-forge package uses a number of internal utilities known as makers to create distribution builds for different platforms. To configure this, replace the config section in the package.json file with the following configuration: deb package for Debian-based Linux distributions such as Ubuntu. In our case, we are going to be creating a distributable. Configuring the build platformsĪs mentioned earlier, the scaffolded project already comes packaged with electron-forge, which is a package that can help us produce distribution builds from our app. Now, as seen in the screen above, only our application screen is displayed in the app window. Then run npm start again to relaunch the application. Then terminate the app running by hitting Ctrl + C while you’re on the CLI (Command Line Interface) running the application. Comment out the line below in the file src/index.js to stop this from opening. This is not something you will want in production. The screen above shows the development tools opened. This will run a local build for your current operating system and boot up the desktop application. Once the scaffolding process is done, go into the root of the project ( cd my-electron-app) and run the following command to start up the desktop application: npm start Note: You don’t need to have create-electron-app installed globally to use it. We are using create-electron-app because it helps scaffold an Electron.js application that comes prepackaged with electron-forge, a tool used for packaging and creating distribution builds of our Electron.js desktop application. In the command above, we use npx to invoke the create-electron-app utility to scaffold a new Electron.js application in the folder my-electron-app. Let’s quickly scaffold a simple Electron.js application by running the following command: npx create-electron-app my-electron-app With all these installed and set up, let’s begin.
Web, mobile, and desktop are the three most popular software application platforms.