electron + vue 搭建项目

概要

记录一下使用electron+vite+vue3创建一个exe项目基本流程

整体架构流程

1. 参照electron官方文档搭建一个electron示例项目
2. 使用vite创建一个vue3项目
3. 打包vue项目并把打包后的dist文件放在electron根目录下
4. 替换electron项目中main.js中的html文件路径为vue打包后的index.html
5. 启动electron项目成功

提示

electron打印中文乱码：在项目根目录运行终端输入命令切换编码格式为UTF-8即可

chcp 65001

运行项目报 ERROR:ssl_client_socket_impl.cc(978) 是因为ssl证书验证失败，可以在main.js中的app.whenReady回调中添加忽略

[12656:0809/110642.759:ERROR:ssl_client_socket_impl.cc(978)] handshake failed; returned -1, SSL error code 1, net_error -200

app.whenReady().then(() => {
	app.commandLine.appendSwitch('ignore-certificate-errors');
});