Como faço para remover esta barra de menu de meus aplicativos de elétrons:

Também diz "Hello World" (isso é porque eu baixei o elétron pré-compilado e irei embora assim que eu empacotar o aplicativo?). Não os codifiquei no html, então não sei como retirá-los! -

Você pode usar w.setMenu(null)ou definir frame: false(isso também remove botões para fechar, minimizar e maximizar opções) em sua janela. Consulte setMenu () ou BrowserWindow () . Verifique também este tópico

Electron agora win.removeMenu()( adicionado na v5.0.0 ), para remover menus de aplicativos em vez de usar win.setMenu(null).

Electron 7.1.x parece ter um bug que win.removeMenu()não funciona. A única solução alternativa é usarMenu.setApplicationMenu(null)

Usa isto:

mainWindow = new BrowserWindow({width: 640, height: 360})
mainWindow.setMenuBarVisibility(false)

Referência: https://github.com/electron/electron/issues/1415

Eu tentei mainWindow.setMenu(null), mas não funcionou.

Para o Electron 7.1.1, você pode usar este:

const {app, BrowserWindow, Menu} = require('electron')
Menu.setApplicationMenu(false)

Quando você empacota seu aplicativo, o menu padrão não estará mais lá, se isso estiver incomodando você durante o desenvolvimento, você pode chamar setMenu(null)a janela do navegador como sugerido por @TonyVincent.

A partir de 7.0.0, a maioria das soluções acima não funciona mais. BrowserWindow.setMenu()foi substituído por Menu.setApplicationMenu(), que agora altera o menu em todas as janelas. setMenu(),removeMenu() não fazem mais nada, que por sinal ainda são mencionados nos documentos.

setAutoHideMenuBar()ainda funciona, mas pode ser um incômodo se você planeja usar Alt como um modificador de tecla de atalho. Assim que o menu estiver visível, você deve clicar fora da janela (foco solto) para ocultar o menu novamente.

Se o seu aplicativo tiver mais de uma janela, você não poderá definir / remover menus separadamente em cada janela. A única maneira de remover um menu é usar a abordagem de janela sem moldura. Isso é o que desejo em meu aplicativo atual, mas não é uma boa solução em todos os casos.

O menu pode ser oculto ou oculto automaticamente (como no Slack ou VS Code - você pode pressionar Alt para mostrar / ocultar o menu).

Métodos relevantes:

---- win.setMenu (menu) - Define o menu como a barra de menus da janela, definindo-o como nulo removerá a barra de menus. ( Isso removerá o menu completamente )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (ocultar) - Define se a barra de menus da janela deve se ocultar automaticamente. Uma vez definida, a barra de menus só será
exibida quando os usuários pressionarem a única tecla Alt .

mainWindow.setAutoHideMenuBar(true)

Fonte: https://github.com/Automattic/simplenote-electron/issues/293

Também existe o método para fazer uma janela sem moldura, conforme mostrado abaixo:

(sem botão de fechar, nada. Pode ser o que queremos (design melhor))

const { BrowserWindow } = require('electron')
let win = new BrowserWindow({ width: 800, height: 600, frame: false })
win.show()

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

doc: https://electronjs.org/docs/api/frameless-window

Editar: (novo)

win.removeMenu() Linux Windows Remova a barra de menu da janela.

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

Adicionado win.removeMenu () para remover menus de aplicativos em vez de usar win.setMenu (null)

Isso é adicionado a partir da v5 conforme:

https://github.com/electron/electron/pull/16570

https://github.com/electron/electron/pull/16657

Bug Electron v7

Para Electron 7.1.1, use em Menu.setApplicationMenuvez dewin.removeMenu()

de acordo com este tópico:
https://github.com/electron/electron/issues/16521

E a grande observação é: você precisa chamá-lo antes de criar o BrowserWindow ! Ou não vai funcionar!

const {app, BrowserWindow, Menu} = require('electron')

Menu.setApplicationMenu(null);

const browserWindow = new BrowserWindow({/*...*/});

UPDATE (Configurando autoHideMenuBar na construção do BrowserWindow)

Como pelo comentário de @kcpr! Podemos definir a propriedade e muitas no construtor

Isso está disponível na última versão estável do elétron agora que é 8.3!
Mas também nas versões antigas eu verifiquei se há v1, v2, v3, v4!
Está disponível em todas as versões!

De acordo com este link
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

E para a v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

O link do documento
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Do doc para a opção:

autoHideMenuBar Boolean (opcional) - Oculta automaticamente a barra de menus, a menos que a tecla Alt seja pressionada. O padrão é falso.

Aqui está um snippet para ilustrar isso:

let browserWindow = new BrowserWindow({
    width: 800,
    height: 600,
    autoHideMenuBar: true // <<< here
})

@"electron": "^7.1.1" : 

mainWindow = new browserWindow({ height: 500, width: 800});
//mainWindow.setAutoHideMenuBar(true);
mainWindow.autoHideMenuBar = true;

Funcionando como esperado sem menu no navegador.

Seguindo a resposta deste problema , você deve ligar Menu.setApplicationMenu(null) antes que a janela seja criada

Antes desta linha em main.js:

mainWindow = new BrowserWindow({width: 800, height: 900})

mainWindow.setMenu(null) //this will r menu bar

De acordo com a documentação oficial @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md a maneira correta de fazer isso agora desde 7.1.2 e eu testei no 8.0 também é para:

const { app, Menu } = require('electron')

Menu.setApplicationMenu(null)

Essas soluções têm bug. Ao usar as soluções abaixo, o Windows demora para fechar.

Menu.setApplicationMenu(null),
&&
const updateErrorWindow = new BrowserWindow({autoHideMenuBar: true});

Usei a solução abaixo. Isso é melhor por enquanto.

const window= new BrowserWindow({...});
window.setMenuBarVisibility(false);