weixin_45740906的博客

Electron应用程序安装后如果需要在开发环境下打开控制台。在electron的官网里面得知，使用contents.toggleDevTools()能够切换开发工具，也就是调用这个方法就能够控制控制台的开启和关闭状态。在util工具文件夹里面新建一个js文件。export default function toggleDevTools() { window.addEventListener( 'keydown', (e) => { const { altKey

Electron软件安装后如果用户拖拽文件或者图片到软件里面，会打开此文件，但是不能够关闭，因此导致体验不佳。因此可以禁用全局的拖拽事件来阻止这个行为。一、在util文件夹里面新建一个文件。export default { mounted() { this.disableDragEvent(); }, methods: { disableDragEvent() { // 当拖动的元素或选择文本输入有效的放置目标时，会触发此事件。 window.add

无边框窗口要创建无边框窗口需要在构造函数中设置frame为false。在主线程main文件夹index.js里面。import { BrowserWindow} from 'electron';const win = new BrowserWindow({ frame: false })设置自定义拖动区域要使整个窗口可拖拽,可以在需要拖拽的元素添加以下样式-webkit-app-region: drag如果在窗口的边缘元素添加上面的样式，此时边缘就不能用鼠标对窗口大小进行调节。因此需

ipcMain从主进程到渲染进程的异步通信。进程：主进程。ipcRenderer从渲染器进程到主进程的异步通信。进程：渲染进程。渲染进程发送数据到主线程// 在主进程中。const { ipcMain,ipcRenderer} = require('electron')ipcMain.on('downPath', function(event, arg) { // arg是从渲染进程返回来的数据 console.log(arg) //'rendererData'});ipcRe

使用electron-updater插件npm install electron-updater //如果使用这种安装方式package.json的devDependencies可能会没有electron-updater建议使用下面这种npm install --save-dev electron-updater注意：（1）electron-updater的最新版本有坑，需要降低版本。npm install --save-dev electron-updater@3.1.2（2）安装完成