关于electron+vue构建桌面应用的问题

electron是一个强大的构建桌面应用的工具https://www.electronjs.org/

vue是目前非常火热的前端框架

如何将vue项目打包成桌面应用？

首先我们使用vite构建一个vue项目

npm init @vitejs/app

根据指示给项目起一个名字，然后cd到项目文件夹下 ,安装依赖

npm i

之后使用如下指令

vue add electron-builder

这里很多人都会出现问题报错

我们要先看一下是否安装了chromedriver

npm chromedriver -v

如果显示版本号即已安装，若未找到 则需要安装一下

npm chromedriver -g

然后重新

vue add electron-builder

 这时候一定要记住不要有在项目内已经打开了的应用 比如记事本文件 不然还是会报错

npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),

构建好了之后我们看package.json多出了一些electron的指令 这下就可以启动桌面应用了