electron自定义客户端上部菜单，添加快捷键

最新推荐文章于 2024-08-15 10:43:21 发布

原创

最新推荐文章于 2024-08-15 10:43:21 发布 · 725 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

本文介绍了如何在Electron应用中自定义客户端的上部菜单，并添加快捷键功能。开发者只需在main.js文件底部进行相应配置，尽管自定义快捷键可能需要额外学习，但默认快捷键已经提供。

直接放到main.js最下面就行

快捷键的自定义得另外去学，他这里直接给了默认的快捷键

// ==============自定义软件上部菜单
const isMac = process.platform === 'darwin'        //还得识别一下是不是Mac

const template = [
  // { role: 'appMenu' }
  ...(isMac ? [{
    label: app.name,
    submenu: [
      { role: 'about' },
      { type: 'separator' },
      { role: 'services' },
      { type: 'separator' },
      { role: 'hide' },
      { role: 'hideOthers' },
      { role: 'unhide' },
      { type: 'separator' },
      { role: 'quit' }
    ]
  }] : []),
  // { role: 'fileMenu' }
  {
    label: 'File',
    submenu: [
      isMac ? { role: 'close' } : { role: 'quit' }
    ]
  },
  // { role: 'editMenu' }
  {
    label: '编辑',
    submenu: [
      { role: 'undo',label:'撤销' },
      { role: 'redo',label:'重做' },
      { type: 'separator' },
      { role: 'cut' },
      { role: 'copy' },
      { role: 'paste' },
      ...(isMac ? [
        { role: 'pasteAndMatchStyle' },
        { role: 'delete',label