Electron

Vue项目中引入electron发布桌面应用

1. 在原先已有的Vue项目里面,打开终端执行vue add electron-builder ; 2. 选择合适的版本安装好这个插件,执行npm run electron:serve ; 3. 如果页面没有什么错误,就会弹出一个vue的应用窗口,说明准备工作已经完成; 4. 如果需要修改桌面应用界面或窗口之类的一些配置,则需要在package.json文...

二、Electron + Webpack + Vue 搭建开发环境及打包安装

目录 Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程 Electron + Webpack  搭建开发环境及打包安装 ------- 打包主进程 Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用 二、打包主线程 1. 项目目录结构   首先创建一个项目文件夹...

Node JS与Electron安装配置

安装NodeJS 1.下载NodeJS 2.安装NodeJS 安装过程如下,忽略的过程中直接点击下一步即可。 3.配置NodeJS 1.验证NodeJS安装 打开cmd直接输入 node -v npm -v 2.配置路径 这里视具体情况而定,我将会把NodeJS安装的第三方模块以及缓存位置更改在NodeJS根目录。打开cmd,输入 npm...

vue项目使用electron打包成exe

1、环境准备 系统版本 windows 10 λ node -vv12.19.0 λ vue -V@vue/cli 4.5.7 λ npm -v6.14.8  2、将electron官方打包例子克隆下来 git clone https://github.com/electron/electron-quick-start 3、测试官方例子 安装c...

Electron 7.x以上版本安装提示错误解决方法

升级使用最新的Electron 7.x以上版本,运行提示electron不存在,其实是因为electron install时候对应平台的可执行文件没有下载成功,错误提示如下: (node:18000) UnhandledPromiseRejectionWarning: Error: EPERM: operation not permitted, lstat...

深入研究Electron的主进程和渲染进程

”主进程“和“渲染进程”是Electron的两个核心的概念。 如果你之前做的是浏览器端JavaScript开发,多进程的概念对你来说可能是一个新的领域。 最初对我来说,这绝对是一个思维方式的转变,使用多进程可能意味着我们需要在开发过程中做出跟之前不同的设计抉择。 为什么Electron具有这种多进程架构?主进程职责是什么?渲染进程的职责是什么?它们之间如何...

客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析

原生开发应用开发 Microsoft阵营的 Winform WinForm是·Net开发平台中对Windows Form的一种称谓。 如果你想深入的美化UI,需要耗费很大的力气,对于目前主流的CSS样式表来讲,美化Winform的界面以及自定义控件是需要耗费更多的时间的。 WPF 基于XML+C#+CSS的呈现方式让它在UI上有了更加灵活的设计宽度 WPF...

Electron 使用 Tray设置图标的路径问题

问题报错信息如图 上面的代码在dev模式下不报错,但是在build后,安装后,运行会提示错误,错误信息的大意是参数错误,原因应该是安装后的图片文件路径有问题,这块没有详细研究解决上面的问题的方法,是使用nativeImage代替字符串路径 new Tray(nativeImage.createFromPath(path.join(__dirname, '...

Electron 自定义软件顶部菜单、右键菜单以及绑定快捷键

顶部菜单 main/menu.js //创建菜单/* var electron=require('electron'); var Menu=electron.Menu; vscode里面实现代码提示功能: 在当前项目安装一下 electron模块。 "dependencies": { "electron": "^...

【简记】解决安装Electron缓慢

安装Electron应用的依赖时,发现node_modules都已经装完了,但是一直卡在后边electron的安装,其实安装程序会去electron官网下载electron指定版本的程序,所以要加速只有两招: 提前下载好二进制包(我没弄成功) 设置Electron的环境变量(成功) 只需一行命令 npm包管理器: npm config set ELEC...