Develop cross-platform desktop applications with Electron on Windows on Arm
Introduction
Create the application using the electron framework
Build the cross-platform application
Next Steps

  Log an issue

  Fork and edit

  Discuss on Discord

Develop cross-platform desktop applications with Electron on Windows on Arm

About this Learning Path

Skill level:  Introductory
Reading time:  30 min
Last updated:  28 Jul 2026
Skill level:
  Introductory
Reading time:
  30 min
Last updated:
  28 Jul 2026
Author:Dawid Borycki
Arm IP:Cortex-A
Tags: Migration to Arm Windows JavaScript HTML Visual Studio Code
Author:
  • Dawid Borycki
Arm IP:
Cortex-A
Tags:
Migration to Arm Windows JavaScript HTML Visual Studio Code

Who is this for?

This Learning Path is for developers who want to learn how to develop cross-platform desktop applications using the Electron Framework on Windows on Arm (WoA).

What will you learn?

Upon completion of this Learning Path, you will be able to:

  • Implement a sample application using the electron framework on a Windows on Arm machine
  • Learn how to create a multi platform build of the application

Prerequisites

Before starting, you will need the following:

Summary

AI-assisted

This summary was drafted with an approved AI-assisted workflow and reviewed by Arm contributors before publication. Human technical review remains part of the process so the final page reflects engineering rigor, accuracy, and Arm editorial standards.

Close
?
You’ll create an Electron desktop application on Windows on Arm and configure cross-platform packaging. You’ll add project code, install Electron Builder with npm, update package.json, and target Arm64 and x64 from one codebase. You’ll build both Arm64 and x64 variants, inspect console output, and identify where to change future packaging settings.

Frequently asked questions

AI-assisted

These FAQs were drafted with an approved AI-assisted workflow and reviewed by Arm contributors before publication. Human technical review remains part of the process so the final page reflects engineering rigor, accuracy, and Arm editorial standards.

Close
?
Which installation scope should I use for Electron Builder?
Install Electron Builder as a development dependency. This keeps the build tool in your project’s devDependencies.
What should I look for after running `npm install electron-builder --save-dev`?
A successful install reports that packages were added and might include funding and vulnerability notices. Use this as confirmation to continue to the package.json changes.
Where do I configure builds for Arm64 and x64?
Edit the package.json file in your project folder. Add or update the Electron Builder configuration so it includes both Arm64 and x64 targets.
How do I know the build includes both architectures?
After updating package.json, run your build and check that artifacts are generated for both Arm64 and x64. If only one appears, review the targets configured in package.json.
The install output lists vulnerabilities and suggests `npm audit`. Do I need to fix this before proceeding?
The log might show vulnerability notices and recommend running npm audit. To complete the Learning Path, continue with configuration and application builds.
Next