1.electron-vue跨平台桌面应用开发实战教程（十）——执行cmd命令
2.Electron 应用开发实战指南：从零打造高性能跨平台桌面应用
3.electron学习笔记如何通过electron实现查看器
4.electron-vue跨平台桌面应用开发实战教程（三）——动态修改窗口大小
5.vue3+electron开发桌面软件入门与实战（0）——创建electron应用
electron-vue跨平台桌面应用开发实战教程（十）——执行cmd命令
本文主要讲解如何利用electron执行cmd命令。实战
在实际应用中，源码有些功能需要借助外部程序来完成，实战比如通过electron启动nginx或获取本机信息等。源码幸运的实战是，执行cmd命令不需要额外安装依赖，源码源码是固定的只需使用node的实战child_process模块即可。
1. 引用child_process模块
2. 执行CMD命令
例如，源码我们可以执行windows常用命令ipconfig。实战使用child_process执行cmd命令时，源码可以指定执行的实战目录（cmdPath）。
此时，源码我们可以在控制台看到输出内容。实战
然而，源码我们发现输入的实战结果中出现中文乱码。接下来，我们将解决这个乱码问题。为此，我们需要引入一个外部依赖——iconv-lite。
3. 安装iconv-lite
4. 使用iconv-lite解决乱码
首先，引入iconv-lite模块。源码 书
然后，将原来的代码进行修改：
将原来的
分别改为
此时，我们再次执行命令，乱码问题得到了解决。
Electron 应用开发实战指南：从零打造高性能跨平台桌面应用
Electron 是一个专为前端开发者打造的跨平台桌面应用开发框架，能有效加速应用的跨平台部署和开发。然而，对于初学者而言，可能会面临内存、包体积、跨平台兼容性、原生 API 使用、打包、更新、以及性能优化等挑战。本指南旨在提供实际应用中遇到的问题及应对策略。
开发过程中，开发者常需与各种桌面端软件、开发工具交互，如图床、风扇源码json格式化、抓包代理、mock、二维码生成等。这些工具在桌面端以APP或Web形式存在，操作链路冗长，且部分工具体验不佳。若你希望自建此类工具，且对桌面端应用开发缺乏了解，Electron 无疑是高效验证想法、快速上线的理想选择。
Electron 基于 Chromium 和 Node.js，为前端开发者提供了一个强大的跨端平台。然而，直接上手开发可能会遇到各种难题。本课程将从实际应用出发，针对性解决这些挑战。
课程内容涵盖核心模块，包括开发、处理、ource源码解决Electron 开发中遇到的问题。通过学习，你将掌握关键技能，有效应对开发过程中的常见问题。
课程适用于对 Electron 开发感兴趣的开发者，尤其是那些希望使用 JS、HTML、CSS 构建跨平台桌面应用的人群。无需专业知识背景，只需掌握基础编程技能，便能快速上手。
electron学习笔记如何通过electron实现查看器
在实践中，查看器的实现方案主要有两种：借助 canvas 的方案与 “img+css+js” 的组合方案。借助 canvas 的方案生成静态并操作旋转时，旋转后的坐标计算较为复杂，放大缩小也存在难度。而 “img+css+js” 方案能支持 gif 动态，旋转使用 transform 提高渲染性能，旋转坐标计算相对简单。
实现 “img+css+js” 方案的mappermybatis源码查看器，可通过如下HTML代码参考：
实现过程中，主要难点在于坐标变换，包括鼠标位置记录、放大、缩小、移动与旋转操作。首先记录鼠标位置，然后根据需求调整大小与旋转角度，同时确保操作符合边界值情况。
通过 electron 实现查看器相对便捷，但坐标计算是关键，需注意边界值。有兴趣的朋友不妨动手尝试，共享更多电子实战经验。感谢大家的关注、留言，您的支持是我前进的动力！
electron-vue跨平台桌面应用开发实战教程（三）——动态修改窗口大小
本文主要讲解如何在 Electron-Vue 开发的跨平台桌面应用中动态修改窗口大小。通常，桌面应用在首次打开时显示的窗口较小，例如登录窗口，而在登录成功后，会显示一个更大的窗口展示登录后的信息。以下将通过具体步骤演示如何实现此功能。
在本教程中，我们将使用 Element-UI 和 lowdb 这两个技术栈进行开发。在前两篇文章中，我们已经介绍了如何搭建 Electron-Vue 项目和主进程的基本配置。接下来，我们将在主进程中实现动态修改窗口大小的功能。
以下是开发流程：
### 准备工作
在继续开发之前，确保你已经按照前文所述搭建了 Electron-Vue 项目环境，并安装了 Element-UI 和 lowdb。这将作为我们开发的基础。
### 动态修改窗口大小
1. **调整登录窗口大小
**为了模拟登录窗口的初始状态，将登录窗口的宽度设置为，高度为。这是通过在 background.js 文件中调整实现的。
2. **绘制登录界面
**创建一个名为 Login.vue 的文件，放置在 src/views 目录下。在这个文件中，为登录按钮添加点击事件，以便在登录成功后跳转到 Home 页面。同时，我们加入登录成功和失败的逻辑。
3. **修改路由配置
**在 src/router/index.js 文件中，根据登录结果调整路由配置，以确保正确跳转到 Home 页面。
4. **调整 App.vue
**在 App.vue 中进行适当的调整，以支持后续的窗口大小修改功能。
5. **修改 Home.vue
**登录成功后，Home 页面需要显示一个正常大小的窗口。将窗口大小设置为宽度，高度。由于 Home 页面处于渲染进程，需要通过进程间通信实现窗口大小的调整。在主进程中（background.js）增加相关代码以支持这一功能。
完成以上步骤后，即可实现动态修改窗口大小的功能。后续，我们将在下一篇文章中继续介绍如何去除窗口的外边框，实现窗口的最小化、最大化、关闭功能，以及如何新开一个窗口。
以上内容将通过具体的代码示例和步骤，帮助开发者深入了解并掌握动态窗口大小调整的实现方法。代码和相关资源将上传至 gitee，以便大家进行学习和实践。
vue3+electron开发桌面软件入门与实战（0）——创建electron应用
系列文章：
通过本文教程，你将逐步创建一个完整的electron应用，并深入理解项目搭建过程中的关键知识点和问题解决策略。开始前，确保对electron有一个基本的认识，访问官网electronjs.org/zh/docs...，了解其基本功能和electron-forge的简化使用。
初次接触electron，建议先从官网学习electron-forge和electron-builder的打包方式，选择electron-forge是因为其易用性。对初次落地的项目，推荐使用electron-builder进行打包，这将避免自行研究复杂的混合打包过程。
现在，进入正题，以下是零基础创建electron项目的步骤：
在本地工作目录创建新文件夹，如"electron-vue-basic"，然后通过cmd打开并输入命令以快速创建package.json。
接下来，初始化项目并配置基本参数。即使对命令行不熟悉，也可以按照提示操作，错误可以随时修改package.json。确保网络稳定，如遇到下载问题，尝试切换到手机流量网络。
下载并成功初始化electron项目后，使用IDE如Webstorm打开项目，配置package.json，包括项目名称、版本、模块类型、入口文件、描述等信息。
配置完成后，检查electron环境是否搭建正确。以指定的main.js入口文件为例，创建并运行项目，看到"hello world"输出，证明项目运行成功。
