如何在电子中设置应用菜单？

Question

如果我启动电子快速启动应用程序,我会得到一个完整的OSX菜单:

然后我将这些代码(主要是从docs复制)添加到我的main.js:

const Menu = require('menu');                                                                                                                                                                            
const MenuItem = require('menu-item');
var mainmenu = new Menu();
mainmenu.append(new MenuItem({ label: 'MenuItem1', click: function() { console.log('item 1 clicked'); } }));
Menu.setApplicationMenu(mainmenu);

我还尝试使用电子菜单文档中的菜单模板代码,结果令人失望:

我还尝试将上面的代码添加到index.html,直接复制Menu的doc上的代码.一样.

知道什么是错的吗？

Answer 1

electron-prebuilt示例中使用的它electron-quick-start有自己的应用程序名称（Electron）。

要更改此设置，您需要重建/打包您的应用程序，它将使用 package.json 中的“名称”或“产品名称”。

还有设置/获取应用程序名称的方法，但您必须打包应用程序才能在主菜单上看到更改：

const electron = require('electron');
const app = electron.app;

app.setName('APPNAME');