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

Question

如果我启动electron-quick-start应用程序，我会得到一个完整的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);

我还尝试使用electron menu docs中的菜单模板代码，结果令人失望：

我还尝试将上面的代码添加到index.html，直接复制Menu的doc上的代码。同样的事情。

知道出了什么问题吗？

Answer 1

在electron-prebuilt示例中使用的

electron-quick-start拥有自己的应用名称（电子版）。

要更改此设置，您需要重新构建/打包您的应用，它将使用＆＃34; name＆＃34;或＆＃34; productName＆＃34;从你的package.json。

此外还有设置/获取应用名称的方法，但您必须将应用打包以在主菜单上查看更改：

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

app.setName('APPNAME');