Vue3+Vite开发Electron桌面端问题记录

将基于vue3+vite的web项目改为Electron桌面应用

在此文件夹中添加两个js文件：main.js、preload.js。添加：“main”: “electron/main.js”,添加：“start”: “electron .”删除：“type”: “module”

确保你已经在系统中安装了Node.js和npm（Node.js包管理器）。在VS Code中选择一个合适的文件夹，并在其中创建一个新的文件夹来存放你的Electron项目。这将启动Electron应用程序，并在Electron窗口中显示你在。在Electron项目中创建一个electron-builder。将打包后的文件拷贝到Electron项目文件夹的dist下。在项目文件夹中创建一个Electron的入口文件，例如。这将在你的项目中安装Electron并将其添加到。在Electron项目中创建一个。

今天升级了一下项目的electron版本，结果执行npm run build的时候一直卡在downloading，此处downloading是下载electron文件，慢也就理解了，修改package.json文件 修改镜像地址 在build项里面添加配置 "electronDownload":{ "mirror":"https://npm.taobao.org/mirrors/electron/" }, 这样就快多了，而且第二次编译不用重复下载 ...

在package.json中的build字段配置打包，指明名称以及打包到的目录之后就是重点了，files是要打包的内容，首先就是 dist目录，vue打包时会将资源文件copy一份放到dist目录下，直接打包dist目录即可，然后就是main/main.js，这个也要打包进去，然后就是刚封装的 vue的核心部分 renderer 目录下的vue文件。还要检查package.js中是否将代码打包进入了，不需要选资源文件，因为之前将代码都放在了src目录下，只需要将这个目录打包进入即可。

【代码】vue3+vite+electron开发桌面端应用流程。

注意：需要使用has路由不然页面会出现空白，在vite.config.js配置路径。项目里面会出现一个文件这个文件就是打包好的桌面应用程序。1.打包写好的vue代码。# 克隆示例项目的仓库。

复制上面提示的url链接：https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z。使用electron-builder打包一直卡在下面的地方。还会遇到这个文件下载不下情况。2、解压下载的文件包。文件夹，需要手动创建。2、解压下载的文件包。文件夹，需要手动创建。

secure-electron-license-keys 是一个专门为 Electron 应用设计的 npm 包，用于实现离线许可证密钥的创建、验证和管理，帮助开发者保护应用程序，确保只有拥有合法许可证的用户才能使用。通过以上步骤，你的 Electron 应用将具备基本的许可证验证功能，可有效控制用户访问权限。包主要涉及密钥对生成、许可证创建（服务端）和客户端验证三个核心步骤。客户端需要实现：许可证输入界面、验证逻辑、本地保存和启动时自动验证。密钥对用于加密和解密许可证，// 验证用户输入的许可证。

本文介绍了Electron项目的完整开发流程，包括环境配置、本地开发调试和打包发布三个主要环节。首先通过设置npm镜像源加速依赖安装，使用concurrently实现本地开发时同时启动前端服务和Electron应用。详细说明了main.js和preload.js的配置方法，特别强调了开发环境与生产环境的区别处理。在打包环节，重点讲解了electron-builder的配置要点，包括图标设置、文件包含规则以及打包路径处理。最后针对常见问题提供了解决方案：使用rimraf清理旧包、处理白屏问题需配置资源相对路径

Renesas Electronics RA8M1语音套件（VK-RA8M1）可满足智能扬声器、智能手机和物联网应用对语音识别技术的需求。Renesas Electronics RA8M1套件设有基于RA系列32位MCU的易于使用的语音用户界面（VUI）。该解决方案支持本地端点语音识别，无需网络连接，确保无延迟、实时控制以及支持多语言命令。

本文介绍了在Electron环境中使用WebAssembly调用CRC-16 IBM校验函数的方法。通过将C语言实现的CRC-16 IBM校验函数编译为WebAssembly模块，在Electron工程中导入并使用。演示了如何申请内存、赋值、调用校验函数并释放内存，最终得到正确校验结果0xC4F0。文章提供了完整的工程文件下载，包含已编译的WebAssembly库文件，方便读者直接参考使用。

Renesas Electronics RZ/V2N评估套件采用RZ/V2N中档嵌入式AI微处理器 (MPU) 为嵌入式人工智能 (AI) 应用提供全面的开发平台。该评估套件包括两块板：主板 (RTK0EF0186C02000BJ)，紧凑的153mm x 100mm外形尺寸和RTK0EF0168B00000BJ扩展板。其核心是RZ/V2N处理器，与用于电源管理的RAA215300A2GNP#HA2 PMIC和用于精确计时的5L35023B时钟发生器互补。

Chrontel 的 CH7322B 是一款低成本、低功耗的半导体器件，专为 HDMI 系统设计，可轻松实现消费电子控制 （CEC） 功能，使消费者只需一个遥控器即可管理其所有 HDMI CEC 外设。该器件处理 CEC 消息帧的创新方法可以帮助我们的客户实现所需的 HDMI-CEC 功能，而无需使用微控制器对复杂且耗时的 CEC 功能进行编程。