Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。 开源 Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的。Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体,而不是 Web 服务器。
VirtualBox无法安装增强功能挂载系统光盘yuminstallkernel-headerskernel-develgccmake-y无法运行electron-v13,报错->errorwhileloadingsharedlibraries:libxkbcommon.so.0:cannotopensharedobjectfile:Nosuchfileordirectory拷贝ubuntu系统下的l
前言今天是2020年12月22日,这一年马上就要过完了,确实有必要总结一下自己今年的收获。一直想写一些东西,但是总是腾不出时间,借着CSDN这次年度征文,我给了自己一点压力,定了“一个亿的小目标”:一定要完成年度总结。正文简单从生活、工作、学习三方面来总结一下2020年的自己。生活
原生实现Electron实现最小化到托盘。package.json{"name":"electron-tray","version":"1.0.0","description":"","main":"electron.js","scripts":{
为了方便记录一些个人随笔,我最近用Laravel和Vue3.0撸了一个博客系统,其中使用到了一个基于markdown-it的markdown编辑器Vue组件v-md-editor。我感觉用它去编写markdown还是很方便的。后面就有了一个想法,基于此组件用Electron来实现一个markdown桌面端应用,自己平时拿来使
项目源码Electron怎么玩真的很简单的,面向百度编程,找寻前辈的足迹,真的很容易的。
Electron判断网络环境请参考:Electron判断网络环境。安装依赖npminstallqiao-is-online-Dnpminstalltime-format-tools-D对应npm仓库地址:npmtime-format-tools、npmqiao-is-online。定时器推荐使用setTimeOut()进行递归。对于两个函数都需要获取ID
错误INFOBuildingappwithelectron-builder:•electron-builderversion=22.11.7os=4.18.0-193.28.1.el7.aarch64•descriptionismissedinthepackage.jsonappPackageFile=oot/gwAppStore/dist/electron/bundled/package.json•authorismissedin
最近提出个要求,研究基于js,html,css的前端Electron桌面程序,说干就干,马上行动,研究了两天,才终于将思路理清。。。这里采用了最简单的方法--脚手架1.打开cmd输入node-v,npm-v查看是否安装了相应的环境,如果没有请自行安装注意electron与node版本间存在关系最好安装node在v12
Electron教程(1):什么是Electron,由来、适用场景和Electron的环境搭建前言最近自己有个小的需求,是做一个能编辑本地特定文本的工具,需要跨平台,Windows和macOS,这样,如果用原生开发的话,Windows就要用c#macOS就要用swift,学习成本高,并且学完用处也不是很大。我本身是前
前段时间在写公司项目时,用到了一个chrome89版本以后才支持的特性,这个项目需要用electron,查了下electron各版本支持的chrome版本,便决定将目前在使用的electronv10升级到electronv12,升级后简单测试一下,发现没问题便没再管了。直到昨天,在electron应用中debug时,发现
Electron判断网络环境最近在学用Electron实现桌面程序。在尝试使用原生的EventTarget.addEventListener()监听window.online和window.offline事件,但是我在调用函数并手动断网之后,却发现并没有触发监听来弹出自定义通知。于是我分别去了Electron官方文档在线/离线事
1.vsc-netease-music简介vsc-netease-music扩展基于VSCodeWebviewAPI实现,通过WebAudioAPI播放音乐,不依赖命令行播放器,其github为:https://github.comondanee/vsc-netease-musicvsc-netease-music具有以下功能:发现音乐(歌单/新歌/排行榜)搜索(单曲/歌手/专辑/歌单)用户登录
electron+vue3使用浏览器版本的vue3进行小工具的开发electron+vue在开发大型网络应用的时候可能比较顺手,但在开发本地小工具这样的程序的时候,就很不方便了。单文件形式的vue每次都需要build之后才能被electron使用,这就需要很长一段时间。如果你需要实现的一
增量更新(兼容win7)服务器端-latest.yml-resources/app的文件夹打包app.zipapp.text->版本号记录,放在pulic文件夹下1.1.9module->手动安装解压依赖,防止依赖冲突以及安装失败unzipperhttps://gitee.com/mirrors_silverwindode-unzipper.giticonv-litehttps:
故事背景之前在网上有看到很多小伙伴基于electron实现了非常多好用的桌面端工具,比如图床管理工具PicGo,就专门做图床工具。也有一些其他的类似的小工具,比如saladict-desktop专门做沙拉翻译查词的桌面端应用,colorpicker专做桌面端取色工具...我们也参考了这些小工具的设计理
------------恢复内容开始------------参考链接:Electron入门应用打包exe(windows) 安装nodejs就顺便自己安装了npm:node-v14.17.3-x64.msi 安装electron-packager配置淘宝镜像:npminstallelectron-packager-g--registry=https:/egistry.npm.taobao.org 创建npm配
前言:之前的博文中预告了会在近期进行关于"electron-vueautoUpdater"完整案例的编写。这里兑现承诺。直接先贴一下可用的git地址。https://gitee.com/sun577586587/electron-vue-updater测试的时候,请自行搭建http://localhost:8000/download/win的路径。(暂时不详细说明测
vscode是怎么跑起来的vscode是前端工程师常用的ide,而且它的实现也是基于前端技术。既然是前端技术实现的,那么我们用所掌握的前端技术,完全可以实现一个类似vscode的ide。但在那之前,我们首先还是要把vscode是怎么实现的理清楚。本文我们就来理一下vscode是怎么跑起
cnpm是什么?一些国外的包用npm无法安装或者是非常慢,因为npmjs.org服务器在国外。为解决这个问题,阿里巴巴推出了cnpm工具,其服务器将npmjs.org镜像到国内,同步频率目前为10分钟一次,以尽量与官方服务保持同步,你可以用此代替官方版本。Election是什么?Election是一个用来开发跨
electron 打包遇到的问题,因为网络的问题,一下文件无法下载。文件下载地址:https:/pm.taobao.org/mirrors/electron-builder-binaries/1.下载 与当前elecron本版一致的 electron-v13.2.3-win32-x64 然后放到 参考路径:C:\Users\Admin/AppData\Local\electron\Cache2
参考链接:http://events.jianshu.io/p/b983d6c49f2f官网说明在Windows10上,您的应用程序的快捷方式必须安装到启动菜单中,包含一个ApplicationUserModelID.这可能会在开发过程中被过度杀死,因此将node_modules\electron\dist\electron.exe添加到您的开始菜单中也做到了
很久没有更新了,今天Peter尘就来记录一下electron-vue项目桌面项目的搭建前期准备:node.js&vue-clinode-v查看当前node.js版本vue-V查看当前vue-cli版本项目搭建进入工作目录,创建一个vue项目vuecreateelectron_vue_dome,以下就是项目的基本结构找vue-cli-p
实现一个不规则窗体这里我们实现一个圆形窗体,实现其他形状的窗体与这个方法类似。首先,把窗口的高度(height)和宽度(width)值修改为相同的值,使窗口成为一个正方形。其次,把窗口的透明属性(transparent)设置为true,这样设置之后窗口还是正方形的,但只要我们控制好内容区域的Dom元素的形状,
最近在使用electron-builder构建vue项目的时候发现在开发环境下视频可以正常加载并显示,但是一旦打包到生产环境下,视频就读取不出来了,控制台也并没有报错一开始博主以为是路径问题,在将路径更改为绝对路径后无果,查阅中文官方文档发现有__static这个全局变量,使用无果,最后重点来了,我
安装环境electron+electron-packagerPowershell3或3以上版本NET4.5或4.5以上版本InnoSetup5,用于制作安装包安装全局环境执行命令npminstallelectron-g实现全局安装Electron将线上页面打包成exe格式准备应用图标新建一个文件夹,并准备一个App图标,
在写主进程和react组件(渲染进程)间通讯时,碰见了很多的问题,主要如下TypeError:fs.existsSyncisnotafunctionCannotdestructureproperty‘ipcRenderer’of‘window.electron’asitisundefined.electronreactwindow.requireisnotafunction上述三个问题,主要
├──build#gulp编译构建脚本├──extensions#内置插件├──gulpfile.js#gulptask├──out#编译输出目录├──resources#平台相关静态资源,图标等├──scripts#工具脚本,开发/测试├──src#源码目
首先需要准备的环境及工具注意了啊!不需要你会electron就可以打包exe项目!注意了啊!不需要你会electron就可以打包exe项目!注意了啊!不需要你会electron就可以打包exe项目!前端:node.js14以下(直接安装node.js即可)后端:jre1.8(必须1.8)工具:Bat_To_Exe_ConverterInno_
Electron团队提供remote模块给开发者,主要目的是为了简化渲染进程和主进程互访的难度,这个目的却是达到了。但也带来了很多问题,归纳起来主要分为以下四点:第一:它很慢通过remote模块可以访问主进程的对象、类型、方法,但这些操作都是跨进程的,跨进程操作性能上的损耗可能是进程
今天开始学习electron1.使用electron-vue脚手架工具vueinitkdydesign/vue-electronel-hello使用脚手架时的选项;使用了ESLint,规则为Airbnb;使用了electron-bulider为打包工具;安装依赖cdel-helloyarn可能遇到的问题: