Electron Projects

Defining menu item roles

The Electron framework supports a set of standard actions that you can associate with menu items. Instead of providing a label text, click handlers, and other settings, you can pick one of the role presets, and the Electron shell will handle it on the fly. Using menu presets saves a lot of time and effort as you don't need to type a lot of code to replicate standard and system entries.

Let's learn how to run Chrome's Developer Tools from our custom menu, without writing a single line of code in JavaScript:

1. Switch back to the menu template in the menu.js file and insert the following block to create a new Debugging menu:

      const template = [        {          role: 'help',          submenu: [            {              label: 'About Editor Component',              click() {