初始项目

如果初始下载失败，请更改资源镜像（淘宝镜像）

 yarn install

运行项目

yarn dev

可以看到创建了一个dist-electron文件夹，同时打开了一个桌面应用

打包项目

yarn build

成功后会生成一个release文件夹，在里面就能看到打包好的exe安装包了。

安装Electron（选择安装 如果yarn install 可以跑就不用安装）

1.先配置下镜像

不安装下载和打包时可能会超时出错

yarn config set electron_mirror https://npmmirror.com/mirrors/electron/

yarn config set electron_builder_binaries_mirror https://npmmirror.com/mirrors/electron-builder-binaries/

2.接下来开始安装electron

yarn add electron -D

3.接着安装vite-plugin-electron插件

该插件用于配置electron打包编译的文件入口

yarn add vite-plugin-electron -D

开发注意事项

1. ctrl+shift+i 切换开发者控制台
2. electron框架API代码electron\renderers下添加
3. vue页面调用Electron框架的API方法在src\utils\ipcMainApi.js统一管理