-
安装 electron electron-packager
cnpm install electron --save-dev cnpm install electron-packager --save-dev //这个是打成exe文件的插件,之后要用,提前下载好
-
在vue项目中的package.json 添加 两个命令
“electron”:“npm run build && electron build/electron.js”,
“packager”: “electron-packager ./dist --platform=win32 --arch=x64 --icon=./src/assets/favicon.ico --overwrite”
注意:项目的favicon.ico要和你的路径一致
-
下载 Electron 的dome git clone git@github.com:electron/electron-quick-start.git
-
npm run build 先生成dist 文件夹
-
将下载的Electron的main.js 复制放到 vue项目build文件夹下(新建build文件夹,改名为electron.js)
修改electron.js :mainWindow.loadFile("../dist/index.html");
-
将下载的Electron的package.json 复制到dist 目录下更改
"main": "electron.js",
,同时将electron.js复制一份也放到dist中
修改electron.js :mainWindow.loadFile("index.html");
-
打包 npm run packager 会看到生成的包文件,里面有.exe的运行程序