import { Menu } from 'electron'
const template = [{ role: 'appMenu' }]
const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

• 1.
• 2.
• 3.
• 4.

{ role: 'undo' },
{ role: 'redo' },
{ type: 'separator' }, // 我是分割线，不是菜单
{ role: 'cut' },
{ role: 'copy' },
{ role: 'paste' },

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.

{
    label: '自定义菜单',
    submenu: [{ role: 'minimize' }]
  }

• 1.
• 2.
• 3.
• 4.

{
    label: '自定义菜单',
    submenu: [
      {
        label: 'electron 官网',
        click: async () => {
          // 会用默认浏览器打开electron 官网
          await shell.openExternal('https://electronjs.org')
        },
        accelerator: 'CmdOrCtrl+1' // 快捷键
      }
    ]
  }

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.

{ type: 'separator' }

• 1.

{
    label: '菜单位置',
    submenu: [
      {
        type: 'radio',
        label: '顶部',
        click: () => {
          // 省略了实现逻辑
        }
      },
      {
        type: 'radio',
        label: '底部',
        click: () => {
          // 省略了实现逻辑
        }
      }
    ]
  }

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.

{
    label: '自定义菜单',
    submenu: [
      {
        type: 'checkbox',
        label: '显示工具栏',
        click: (e) => {
          // 省略了实现逻辑
          console.log(e.checked)
        }
      }
    ]
  }

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.

const isMac = process.platform === 'darwin'
const template = [
  ...(isMac
    ? [
        {
          label: 'mac系统菜单',
          submenu: [{ role: 'quit' }]
        }
      ]
    : [
        {
          label: '其他系统菜单',
          submenu: [{ role: 'quit' }]
        }
      ])
]

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.

import { Menu, MenuItem } from 'electron'

const template = [
  {
    id: 'customMenu',
    label: '自定义菜单',
    submenu: [
      {
        id: 'customMenu-oldWeb',
        label: 'electron 官网',
        click: async () => {
          // 隐藏原菜单项
          menu.getMenuItemById('customMenu-oldWeb')!.visible = false

          // 创建新菜单项
          const newMenuItem = new MenuItem({
            id: 'customMenu-newWeb',
            label: 'electron 官网(新)',
            click: async () => {
              await shell.openExternal('https://electronjs.org')
            },
            accelerator: 'CmdOrCtrl+2' // 快捷键
          })

          // 将新菜单项添加到原菜单项的子菜单中
          menu.getMenuItemById('customMenu')?.submenu?.append(newMenuItem)
          // 更新菜单
          Menu.setApplicationMenu(menu)
        },
        accelerator: 'CmdOrCtrl+1' // 快捷键
      }
    ]
  }
]
const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.
• 21.
• 22.
• 23.
• 24.
• 25.
• 26.
• 27.
• 28.
• 29.
• 30.
• 31.
• 32.
• 33.
• 34.
• 35.
• 36.

Menu.setApplicationMenu(null)

• 1.