electron-vue3(一)-- 基础环境配置

1、 创建一个名称为electron-vite的vite项目,模板为vue-ts

image

2、安装项目依赖

image

3、vite启动测试

image

5、安装electron concurrently cross-env electron-builder包。

image

6、构建electron

创建electron文件夹,在文件夹下创建main.js,preload.js

main.js

preload.js

image

7、构建package.json。

安装wait-on:

使用wait-on等待vite启动后,再启动electron。

安装 cross-env

通过cross-env设置环境变量

配置package.json文件如下:

image

8、测试启动electron。

需要再次安装electron

启用项目

image

2022-8-31 16:50:06
THE END