概要
记录一下使用electron+vite+vue3创建一个exe项目基本流程
整体架构流程
- 参照electron官方文档搭建一个electron示例项目
- 使用vite创建一个vue3项目
- 打包vue项目并把打包后的dist文件放在electron根目录下
- 替换electron项目中main.js中的html文件路径为vue打包后的index.html
- 启动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'); });