
Electron
文章平均质量分 54
以前端技术开发桌面应用,学习经验分享。
irokay
小菜鸟~
展开
-
electron-vue Vue组件引入electron报错
问题:Vue组件内引入electron:let { remote } = window.require("electron");electron应用启动报错。解决:1、require前加window,即:let { remote } = window.require("electron");2、项目根目录新增vue.config.js文件,配置如下:module.exports = { pluginOptions: { electronBui原创 2021-07-18 23:26:11 · 2484 阅读 · 5 评论 -
解决Electron窗口通过require引入js无效的问题
已为窗口配置参数:webPreferences: { nodeIntegration: true }按道理已为页面集成Node.js环境,并赋予了html页面中的JavaScript访问Node.js环境的能力。但当在html中script标签中通过require引入js后,却未生效。经过多处查找,终于解决问题,需对以上配置新增配置参数:contextIsolation,即:webPreferences: { nodeIntegration: true , contextIsolatio原创 2021-07-07 21:33:42 · 2692 阅读 · 4 评论 -
Electron环境搭建
一、安装Node.js大部分开发者是使用Node.js来创建Electron项目的,所以需要安装Node.js(https://nodejs.org/).二、yarn依赖包管理工具安装建议使用yarn作为依赖包管理工具,它相对于npm包管理工具来说,速度更快、操作简洁,安装命令:npm install -g yarn三、创建第一个应用项目首先创建一个目录,比如我新建了一个Demo1目录,“D:\projects\electronApps\Demo1”1、命令行进入此目录,执行如原创 2021-07-07 21:25:45 · 2760 阅读 · 2 评论 -
Electron概述
一、Electron简介Electron是利用web前端技术进行桌面应用开发的一套框架。若想开发一个兼容多平台的桌面应用,以往常用的技术框架有wxWidgets、GTK、QT等,这些框架受语言限制,且学习成本较高,效率有限。目前一些基于前端技术的hybrid框架很流行,且已经在多个领域得到了广泛的应用和验证,比如利用前端技术+相应的打包工具可开发适配多平台的应用(PC、微信公众号、小程序、Android、IOS等)。Electron就是这样一款框架,为前端技术人员利用web前端技术开发桌面应用带来了原创 2021-07-07 20:41:01 · 12164 阅读 · 2 评论