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

版权声明:
作者:龙魂
链接:https://blog.wlzs.cn/electron%e6%9e%84%e5%bb%bavue%e5%ba%94%e7%94%a8/
来源:学海无涯
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
electron-vue3(一)-- 基础环境配置
1、 创建一个名称为electron-vite的vite项目,模板为vue-ts Shell yarn create vite electron-vite –template vue-ts ……
<<上一篇
下一篇>>