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命令不需要额外安装依赖，源码binder源码分析只需使用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，为前端开发者提供了一个强大的跨端平台。然而，直接上手开发可能会遇到各种难题。本课程将从实际应用出发，针对性解决这些挑战。

       课程内容涵盖核心模块，包括开发、处理、app登入源码解决Electron 开发中遇到的问题。通过学习，你将掌握关键技能，有效应对开发过程中的常见问题。

       课程适用于对 Electron 开发感兴趣的开发者，尤其是那些希望使用 JS、HTML、CSS 构建跨平台桌面应用的人群。无需专业知识背景，只需掌握基础编程技能，便能快速上手。

electron学习笔记如何通过electron实现查看器

       在实践中，查看器的实现方案主要有两种：借助 canvas 的方案与 “img+css+js” 的组合方案。借助 canvas 的方案生成静态并操作旋转时，旋转后的坐标计算较为复杂，放大缩小也存在难度。而 “img+css+js” 方案能支持 gif 动态，旋转使用 transform 提高渲染性能，旋转坐标计算相对简单。

       实现 “img+css+js” 方案的网站搭建上传源码查看器，可通过如下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"输出，证明项目运行成功。