# [Develop cross-platform desktop applications with Electron on Windows on Arm](https://learn.arm.com/learning-paths/laptops-and-desktops/electron/)

## In this learning path

- [Introduction](https://learn.arm.com/learning-paths/laptops-and-desktops/electron/)
- [Create the application using the electron framework](https://learn.arm.com/learning-paths/laptops-and-desktops/electron/how-to-1/)
- [Build the cross-platform application](https://learn.arm.com/learning-paths/laptops-and-desktops/electron/how-to-2/)
- [Next Steps](https://learn.arm.com/learning-paths/laptops-and-desktops/electron/_next-steps/)

## About this Learning Path

| Skill level:         | Introductory           |
|----------------------|------------------------|
| Reading time:        | 30 min                 |
| Last updated:        | 28 Jul 2026            |
| Author:              | Dawid Borycki [GitHub](https://github.com/dawidborycki) |
| Arm IP:              | [Cortex-A](https://support.arm.com/?tab=compute-ip&Product%20Type=Application%20Processors) |
| 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:
- A Windows on Arm computer such as the Lenovo Thinkpad X13s running Windows 11 or a Windows on Arm [virtual machine](https://learn.arm.com/learning-paths/cross-platform/woa_azure/).
- Node.js for Arm64. You can find the [Node.js installer](https://nodejs.org/dist/v20.10.0/node-v20.10.0-arm64.msi).
- Any code editor; we recommend using [Visual Studio Code for Arm64](https://code.visualstudio.com/docs/?dv=win32arm64user).

### Summary
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
<details>
<summary>Which installation scope should I use for Electron Builder?</summary>
Install Electron Builder as a development dependency. This keeps the build tool in your project’s `devDependencies`.
</details>

<details>
<summary>What should I look for after running `npm install electron-builder --save-dev`?</summary>
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.
</details>

<details>
<summary>Where do I configure builds for Arm64 and x64?</summary>
Edit the `package.json` file in your project folder. Add or update the Electron Builder configuration so it includes both Arm64 and x64 targets.
</details>

<details>
<summary>How do I know the build includes both architectures?</summary>
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`.
</details>

<details>
<summary>The install output lists vulnerabilities and suggests `npm audit`. Do I need to fix this before proceeding?</summary>
The log might show vulnerability notices and recommend running `npm audit`. To complete the Learning Path, continue with configuration and application builds.
</details>