Electron是什麼以及可以做什麼
- 2022 年 11 月 10 日
- 筆記
新用户购买《 Electron + Vue 3 桌面应用开发 》，加小册专属微信群，参与群抽奖，送《深入浅出Electron》、《Electron实战》作者签名版。 1等奖：《深入浅出Electron》+《Electron实战》 2等奖：《深入浅出Electron》 3等奖：《Electron实战》 …
Continue Reading
基於electron+vue+element構建項目模板之【打包篇】
- 2022 年 9 月 25 日
- 筆記
1、概述 开发平台OS：windows 开发平台IDE：vs code 本项目使用了一款Vue-CLI插件 ( vue-cli-plugin-electron-builder ) 来构建 electron 桌面应用程序，其是对 electron-builder 进行了封装。 electron-bui …
Continue Reading基於electron+vue+element構建項目模板之【自定義標題欄&右鍵菜單項篇】
- 2022 年 9 月 22 日
- 筆記
1、概述 开发平台OS：windows 开发平台IDE：vs code 本篇章将介绍自定义标题栏和右键菜单项，基于electron现有版本安全性的建议，此次的改造中主进程和渲染进程彼此语境隔离，通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化 一些应用在实际情况 …
Continue ReadingElectron學習（四）之應用程式打包
- 2022 年 9 月 1 日
- 筆記
写在前面 人真的是会变得越来越懒的，也正是人的惰性吧，真的是很讽刺。 关于这个应用程序的开发，断更了很久，但是代码部分还算没落下吧，终于在周一、周二终把这个应用程序写完了。 开发完不是终点。而是打包后可以使用才真的算是结束吧。 如何将应用程序打包（Win） 1、关于 package.js 文件详解 …
Continue Reading
electron 應用開發優秀實踐
- 2022 年 8 月 9 日
- 筆記
vivo 互联网前端团队-Yang Kun 一、背景 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是： 以 Windows 、macOS 和 Linux 为操作系统的软件开发 。对此我们做了详细的技术调研，桌面端的开发方式主要有 Nati …
Continue Reading
Electron學習（三）之簡單交互操作
- 2022 年 7 月 1 日
- 筆記
写在前面 最近一直在做批量测试工具的开发，打包的 exe ，执行也是一个黑乎乎的 dos 窗口，真的丑死了，总感觉没个界面，体验不好，所以就想尝试写桌面应用程序。 在技术选型时， Java 窗体实现使用 JavaFx、Swing ，感觉都不太理想，为什么呢？ 写好后，都是通过 Application …
Continue Reading
electron-vue 項目啟動動態獲取配置文件中的後端服務地址
- 2022 年 6 月 19 日
- 筆記
前言 最近的项目迭代中新增一个需求，需要在electron-vue 项目打包之后，启动exe 可执行程序的时候，动态获取配置文件中的 baseUrl 作为服务端的地址。electron 可以使用 node 的 fs 模块来读取配置文件，但是在项目打包之后项目的静态资源都会被编译成其他文件，本文来记录 …
Continue Reading
【Electron】在 WSL2 中 打包 electron Linux 版本
- 2022 年 4 月 29 日
- 筆記
【Electron】在 WSL2 中 打包 electron Linux 版本。 安装 WSL 我使用的是 Ubuntu 20.04.4 LTS 的版本。 安装 WSL 文档地址： //docs.microsoft.com/zh-cn/windows/wsl/install 。 如果你的系统是 Wi …
Continue Reading
Electron結合React和TypeScript進行開發
- 2022 年 4 月 24 日
- 筆記
目录 结合React+TypeScript进行Electron开发 1. electron基本简介 为什么选择electron？ 2. 快速上手 2.1 安装React(template为ts) 2.2 快速配置React 2.3 安装electron 2.4 配置 main.js 、 preloa …
Continue Reading
【Electron】Electron Icon 圖標說明、及常見問題
- 2022 年 4 月 11 日
- 筆記
【Electron】Electron Icon 图标说明、及常见问题 其实各种打包模块都有相关的文档说明，相关链接如下： electron-builder: //www.electron.build/icons.html electron-packager: //electron.github.io …
Continue Reading