Vue3 + electron-vite 项目搭建

398 阅读1分钟

搭建electron-vite项目

  1. 初始化项目
# npm
npm create @quick-start/electron@latest
# yarn
yarn create @quick-start/electron
#pnpm 
pnpm create @quick-start/electron

然后按照提示操作即可

 Project name:  <electron-app>
 Select a framework:  vue
 Add TypeScript?  No / Yes
 Add Electron updater plugin?  No / Yes
 Enable Electron download mirror proxy?  No / Yes

Scaffolding project in ./<electron-app>...
Done.

这样基础的electron-vite项目就搭建完成

# 安装
 pnpm i
# 运行项目
 pnpm run dev
# 打包
 pnpm run build:win

注:安装和打包的时候经常因为网络原因不成功,需要配置镜像

image.png

这样一个electron项目从安装到打包就创建完成了

  1. 相关文件的配置

electron-builder.yml文件,下面是本人开发的一些配置,其他可参考www.electron.build/

image.png

src/main/index.js 主程序配置,可参考 www.electronjs.org/zh/docs/lat…

image.png