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

2022年8月31日 78点热度 0人点赞 0条评论

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

龙魂

本站点用于记录工作及学习中遇到的问题, 也希望本站记录对于同样需要的人带来帮助。 如有问题可发邮件:zp@wlzs.cn