Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。 开源 Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的。Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体,而不是 Web 服务器。
写在前面:Electron相关的操作还是不要使用CNPM的操作命令,这样后面会遇到各种问题:比如安装某些依赖的问题;但是原生的NPM命令又很慢,咋怎呢?有办法!使用smart-npm安装smart-npmnpminstall--globalsmart-npm--registry=https:/egistry.npm.taobao.org/----------------------
 本文主要是描述electron中路径相关的问题静态资源丢失的原因静态资源路径一致性处理方案-resolvePath常用路径---userPath/appData/文档pathUtil的封装一、静态资源丢失的原因Electron常见问题(二)Electron图标打包我们讨论过静态资源的打包,但有时候我们会碰到在local
打包流程详情步骤:1、准备工作:    a、win7系统则确保node版本在v12以上,electron-builder对系统或版本有要求;    b、项目路径不使用中文;    c、使用淘宝镜像命令代替npm管理工具 npminstall -gcnpm --registry=https:/egistry.npm.taobao.or
Electron学习笔记主进程-MainPreocess可以使用和系统对接的ElectronAPI-创建菜单,长传文件等创建渲染进程-RendererProcess全面支持Node.js只有一个,作为整个程序的入口点渲染进程-RendererProdess可以有多个,每个对应一个窗口每个都是一个单独的进程全面
electron项目在打包成exe文件时,第一次打包成功,第二次打包就报错了,报错如下: 然后按照提示去下载(https://github.com/electron-userland/electron-builder-binarieseleases)上面方框对应的版本后(提示的连接可以直接下载对应的版本),又报错了,如下图网上查到的资料有
electron-log可以记录日志到本地首先通过npmielectron-log来安装通过constlog=require('electron-log')引入设置log.transports.file.resolvePath=()=>"yourlogpath"来改变日志的输出路径以前提供的log.transports.file.file已被遗弃
安装nodejshttps:/odejs.org/en/downloadeleases/有历史版本,我选择的是node-v12.15.0-x64.msi,安装到c:\debug\nodejs目录进入nodejs安装目录,>node -v及>npm -v若显示版本号则表示安装成功之后的步骤具体参考https://blog.csdn.net/qq_40421671/article/details/113322
原文链接原文链接Preface最近尝试了很多不错的在线工具,只是每次都要进入网站,有点麻烦,于是想到之前了解过的electron,尝试一下打包成本地应用。Contents1.下载所有源文件通过开发者工具,'copyallasNode.jsfetch',然后配合node-fetch库,将需要用到的资源下载到本地:constfs
day0731Electron项目Vue3的vuex也升级vuex版本4.0Electron就是混合开发pc’端混合开发lodash有接口能入数据库还需要vuex吗需要,减少请求次数?显示和存储不同vuex里做存储storejs本地存储插件json道格拉斯规范英文文档不能存undefinedelectron-window-state
 我有一些好消息要告诉你,软件开发的未来已经到来!好吧,准确地说,软件开发未来可能发生的下一件大事就在这里……又一次。随处可用,只需添加RAM内存我对Eiection电子这个名字有这种心理障碍。我不完全确定为什么会这样,但是每当我试图记住这个无处不在的Web框架的名称时,我
 ”主进程“和“渲染进程”是Electron的两个核心的概念。如果你之前做的是浏览器端JavaScript开发,多进程的概念对你来说可能是一个新的领域。最初对我来说,这绝对是一个思维方式的转变,使用多进程可能意味着我们需要在开发过程中做出跟之前不同的设计抉择。为什么Electron具有
electron学习笔记1.简介Electron可以让你使用纯JavaScript调用丰富的原生APIs来创造桌面应用。你可以把它看作是专注于桌面应用而不是web服务器的,io.js的一个变体。这不意味着Electron是绑定了GUI库的JavaScript。相反,Electron使用web页面作为它的GUI,所以你能
Electron读取本地文件并显示,也就是暴露一个读取本地特定文件内容的接口给渲染进程调用。主要参考:https://stackoverflow.com/questions/44391448/electron-require-is-not-defined基于官方的快速教程示例代码进行修改,原始代码如下://main.js//Modulestocontrolapplicat
1.首先执行$npminstallelectron-store2.修改vue.config.js文件进行配置,设置electron-vue的运行环境(已修改)nodeIntegration改为true3.electron11x以上版本:在electron主进程中执行以下代码importStorefrom'electron-store';Store.initRenderer()4.渲染
VisualStudioCode基于Electron开发。Electron是一个基于Chromium的项目,可用于开发基于Node.js的本地应用程序。VisualStudioCode使用Blink排版引擎渲染用户界面。路很长,不要盲目地迷信。开源一样创造奇迹!
 虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种跨平台方式越来越受到开发者的喜爱。Electron是一个基于Chromiu
                      注意点:1.根据项目的netcore的版本找到适应当前版本的  ElectronNET.API比如当前项目是:netcore3.1可以使用 ElectronNET.API9.31.22. ElectronNET.API9.31.2每个新建的项目都需要安装3. 
由于国内墙的问题,使用npm下载electron绝大多数情况下会报超时,使用yarn安装直接报失败。在此记录一下尝试成功的下载步骤。使用淘宝镜像执行的前置命令npmconfigsetregistryhttps:/egistry.npm.taobao.orgpmconfigsetELECTRON_MIRRORhttp:/pm.taobao.org/mirr
electron基本使用简介:1.基于chromium和nodeJs开发2.使用JavaScript、html、css构建跨平台应用程序3.是开源的4.兼容mac/windows/linux5.比nwjs靠谱1.使用方法(1)初始化文件夹npminit(2)先装入模块npmielectron-S(加载electron)2.修改入口文件(1)Pac
示例代码一、自定义菜单分成三个步骤定义菜单内容letmenuTemp=[{ label:'File', click(){ }}]其中数组里的每一项都是个menuItem根据上述的模板数据生成一个menuconstmenu=Menu.buildFromTemplate(menuTemp)将上述的自定义菜单添加到app里Menu.
安装时指定源版本及源,亲测有效npminstall-gelectron@v15.0.0--electron_mirror=https:/pm.taobao.org/mirrors/electron/查看版本  
 ElectronipcRenderer模块ipcRenderer 模块是一个 EventEmitter 类的实例.它提供了有限的方法,你可以从渲染进程向主进程发送同步或异步消息.也可以收到主进程的响应.发送消息ipcRenderer 模块有如下方法来发送消息:ipcRenderer.send(channel[,arg1][,arg2][,..
前言我们如何通过Electron来检测一些应用程序的状态呢,如:未响应;文档地址EnumWindowsIsHungAppWindowGetWindowThreadProcessIdNodeJs——如何获取Windows电脑指定应用进程信息内容获取指定应用程序PID通过exec执行cmd命令查询指定应用的PID,并通过electron-store存储获
需求,想要的功能默认ProgramFiles或ProgramFiles(x86)可以选择安装目录安装后自动运行程序electorn-buildernsis配置,如下:{oneClick:false,perMachine:true,allowElevation:true,allowToChangeInstallationDirectory:true,}问题查看electr
"electron-builder"版本"electron-builder":"^20.41.0",解决办法:更新版本,我换这个版本有效"electron-builder":"21.2.0",
Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架,内嵌Chromium,Nodejs,可以用JavaScript写同一份代码,发布到不同平台的本地应用,支持Windows、macOS,Linux。通过它可以把我们日常用的一些网页进行包装,做成桌面上点开的应用,想用的时候直接点开就行了,不用打开谷歌、
1.应用白屏本地运行正常,打包后白屏,大概率是loadFile路径不对其中index.html的路径要根据打包后的main.js的相对路径,打包后main.js的层级变了,需要对应修改,renderer和main的目录是并列的win.loadFile(path.join(__dirname,'../..enderer/index.html'));2.整个应用打包后找
背景实现简单的拖拽文件、图片到系统本地,拖拽消息体文本发送(类似于微信、QQ中的功能)实现拖拽到本地系统,不考虑mouse实现方式,使用Electron中的startdrag配合Browser的DragandDropstartdragElectronAPI(startDrag)提供拖拽文件到桌面系统本地的能力使用情况比较简单,
electron学习笔记21.Electron应用部署为了使用Electron部署你的应用程序,你存放应用程序的文件夹需要叫做app并且需要放在Electron的资源文件夹下(在Linux和Windows中是指resources/)就像这样:electronesources/app├──package.json├──main.js└──index
1.下载icofx3软件;  点击icofx3.exe运行  2.点击“从图像创建window图标”  3.选择需要转成的ico格式的png图片  点击文件->保存这样就会宝成一个ico格式的图片。其实:icofx3使用这个软件做一个ico,ico是一个套图,如果你的ico或者png格式的可能只是一