![](https://img-blog.csdnimg.cn/20210726174341569.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
electorn
文章平均质量分 57
开发跨平台系统应用,拥抱大前端。
任磊abc
关注前端,热爱前端,追踪前端最前沿
展开
-
解决 window.__TAURI_IPC__ is not a function报错方法
解决 window.__TAURI_IPC__ is not a function报错方法原创 2022-12-05 10:28:38 · 3518 阅读 · 0 评论 -
tauri打包慢:解决tauri的打包慢以及超时的方法
解决tauri的打包慢以及超时的方法原创 2022-07-07 17:15:31 · 3518 阅读 · 0 评论 -
Tauri:开启桌面端全新模式
Tauri 是一个工具包,可帮助开发人员为主要桌面平台制作应用程序 - 几乎使用现有的任何前端框架。核心是用 Rust 构建的,CLI 利用 Node.js 使 Tauri 成为一种真正的多语言方法来创建和维护出色的应用程序。.........原创 2022-07-07 17:04:19 · 3326 阅读 · 0 评论 -
vite+electron构建桌面版应用教程超简单
🥳 Electron + Vite + Vue 整合模板 -- 结构简单,容易上手!概述📦开箱即用💪支持 C/C++ 模块🔩支持在渲染进程中使用 Electron、Node.js API🌱结构清晰,可塑性强🖥很容易实现多窗口快速开始npm create electron-viteoryarn create electron-vite目录结构├── dist 构建后,根据 packages 目录生成...原创 2022-05-25 16:43:33 · 1550 阅读 · 0 评论 -
electron +vue自定义点击最大化、最小化和关闭窗口事件功能
首先简单的理解一下Electron的进程类型——渲染进程和主进程主进程: Electron 运行 package.json 的 main 脚本的进程。渲染进程: 在 web 页面运行的进程。一个 Electron 应用有且只有一个主进程。主进程中运行的脚本通过创建web页面来展示用户界面。 每个 Electron 中的 web 页面运行在它自己的渲染进程中。主进程管理所有的web页面和它们对应的渲染进程。 每个渲染进程都是独立的,它只关心它所运行的 web 页面。主进程和渲染进程可以相互通信。原创 2021-04-18 15:50:09 · 4418 阅读 · 1 评论 -
electron-updater更新遇到的问题 The URL protocol of the current origin (‘app://.‘) is not supported
目前的Vue脚手架(我使用的是vue-cli4)默认会携带一个 registerServiceWorker的东西,这个东西是做什么的呢?首先说明,registerServiceWorker可以运用于主流框架,它只是为了简化缓存机制产生的js包,以下的例子是在Vue中使用这个文件可以视情况用或者不用,它是用来做离线缓存等任务的,实际上就是为Vue项目注册了一个service worker。这样的话,如果在线上,只要访问过一次该网站,以后即使没有网络也可以访问(此时使用的是之前缓存的资源)。只在生产环境中原创 2021-04-16 17:51:53 · 2033 阅读 · 0 评论 -
如何使用Vue开发Electron桌面程序
一、Electron介绍Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目. 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序1. 特点 跨平台 可以打包成Mac、Windows 和 Linux三个平台的应用程序 简化桌面端开发 (1)Electron 基于 Chromium 和 Node.js,可以使用 HTML, CSS 和 JavaScript 构建应用 (2)提供Electron api 和 NodeJS api原创 2021-04-14 14:26:41 · 5940 阅读 · 6 评论 -
解决electron-builder打包很慢的问题
https://github.com/electron-userland/electron-builder-binaries/releases原创 2021-04-07 19:01:53 · 1380 阅读 · 0 评论 -
vue-cli3+electron出现白屏现象
近期使用electron+vue-cli3.0开发了一个跨平台项目,进行登录后路由跳转出现白屏现象,原因在于路由使用了history模式。history模式在electron环境中会出现,路由跳转的白屏现象。因此,需要将histroy模式修改成为hash模式即可解决这个问题。...原创 2021-04-07 18:58:52 · 2240 阅读 · 1 评论 -
GitHub Action + Release:打造 Electron 持续交付系统文件配置
main.yml上的文件配置# This is a basic workflow to help you get started with Actionsname: build Electron App For Win/Mac# Controls when the action will run. Triggers the workflow on push or pull request# events but only for the master branchon: push:.原创 2020-10-28 11:08:46 · 816 阅读 · 0 评论 -
electron-builder+electron-updater实现应用自动更新过程
autoUpdater:使应用程序能够自动更新ipcMain:用于从主进程到渲染进程的异步通信。ipcRenderer:用于从渲染器进程到主进程的异步通信。更多api在electron官网(中文)介绍接上篇electron将vue项目打包成桌面应用继续介绍一下在electron-builder打包基础下怎么使用electron-updater实现应用自动监测版本以及更新的。主要包括:electron应用自动更新、主线程与渲染线程之间通信本地临时服务器搭建过程中的常见问题electron原创 2020-10-25 18:15:33 · 1690 阅读 · 0 评论 -
electorn更换窗口图标
在用electron开发桌面端的时候,打包成exe文件,需要更改默认的图标:具体做法:在根目录新建新建存放icon图标的目录:需要两个icon:icon.icns,icon.ico注意:1、这两个图标大小不能256*2562、不能直接用png的图片,把后缀改为.ico 否则会报错(可以到在线生成icon的网站上传下载)改配置文件:根目录下 package.json重新打包,就发现生成的exe文件的图片改变了。但是,打包后运行发现,窗口的图标并未改变,那么.原创 2020-10-23 16:02:09 · 8603 阅读 · 1 评论 -
electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe)
我的electron教程系列electron教程(一): electron的安装和项目的创建electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLintelectron教程(二): http服务器, ws服务器, 子进程管理electron教程(转载 2020-10-22 10:19:03 · 2296 阅读 · 1 评论 -
nw.js初探
NW.js由node-webkit项目发展而来其实很多东西官网上都有。但是鉴于搜索引擎(百度,google)搜索到的相关文章,让人看的很不明白。所以决定写下此篇文章。官网:https://nwjs.io/中文文档:http://nwjs-cn.readthedocs.io/zh_CN/latest/index.html淘宝镜像安装:https://npm.taobao.org/mirrors/nwjs/v0.47.0/1.nw.js是干嘛的?官网上的解释:NW.js基于Chromium和Node原创 2020-08-12 15:59:54 · 1051 阅读 · 0 评论