electron-vite 开发开发桌面应用 用户选择安装位置

electron-vite 开发vue3开发桌面应用 用户选择安装位置

使用electron-vite创建项目

npm create @quick-start/electron my-app -- --template vue-ts

安装好依赖

cnpm i

打包exe

npm run build:win

build完后在项目跟目录的dist文件夹下会打包生成很多文件 其中有一个 .exe就是用来安装windows应用程序,在资源管理器双击打开安装
image

会有窗口一闪而过,然后就是开始安装。没有选择安装位置选项。
image

electron项目使用electron-builder打包的,只需要改electron-builder的配置就行了
在项目根目录找到electron-builder配置文件electron-builder.yml
image
找到nsis选项,加上两个参数

  oneClick: false
  allowToChangeInstallationDirectory: true

删掉上次打包的dist文件夹,重新npm run build:win打包。再安装
现在是可以选择安装位置了
image
image

posted @ 2022-11-12 16:58  真是要好  阅读(427)  评论(0编辑  收藏  举报