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

Question

如果我启动 electron-quick-start 应用程序，我会得到一个完整的 OSX 菜单：

然后我将这段代码（大部分是从文档中复制的）添加到我的 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);

我还尝试使用来自electron menu docs 的菜单模板代码，结果完全相同，令人失望：

我还尝试将上面的代码添加到 index.html，从字面上复制 Menu 文档中的代码。一样的。

知道有什么问题吗？

Answer 1

在electron-quick-start 示例中使用的electron-prebuilt 有它自己的应用名称（电子）。

要更改这一点，您需要重新构建/打包您的应用，它将使用您的 package.json 中的“名称”或“产品名称”。

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

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

app.setName('APPNAME');