【Electron】vue+electron应用设置菜单

一、前言

本文主要介绍electron应用如何自定义菜单，以及在哪些地方可以使用Menu模块。一般情况menu只是设置给mac系统的，因为windows系统在应用做了无边框之后，是不会显示应用菜单的（这里Linux暂时不考虑）。点击查看Menu详情

二、适用场景及实施

1.应用内菜单自定义

这个菜单是指的这里

这里主要用到Menu的两个Api，分别是Menu.buildFromTemplate(template)和Menu.setApplicationMenu(menu)。

这里我们这样实现, 首先创建一个ElectronMenu.js文件，用于存放创建菜单。

// ElectronMenu.js
import { app, Menu } from 'electron'
// 设置菜单栏, win表示当前窗口实例
export function createMenu (win) {// darwin表示macOS，这里我们选择对macOS系统的创建应用内菜单if (process.platform