1.从electron官网拉取代码
git clone https://github.com/electron/electron-quick-start
下载环境
npm install
运行
npm run start
运行成功
2、找到文件config/index.js,路径改为‘./’
3.在electron-quick-start项目中,下载打包需要的依赖 electron-packager
npm install electron-packager --save-dev
此处会出现安装不上依赖的情况,建议反复尝试
4.在electron-quick-start项目中找到入口文件 main.js,修改打包的文件路径为我们的index.html
// main.js 原始内容
mainWindow.loadFile('index.html')
// 修改后的内容
mainWindow.loadFile('./dist/index.html')
删除菜单栏
// 删除菜单栏
mainWindow.setMenu(null);
5.在electron-quick-start项目中,进入 package.json ,在 scripts 中添加 packager指令,如下所示:
"scripts":{
"start":"electron .",
"packager": "electron-packager ./ App [--icon=./favicon.ico--out=./app--asar--app-version=1.0.0] --platform=win32 --arch=x64 --overwrite"
}
标红的为exe的名称,标蓝的修改exe图标
6.运行命令打包,然后项目中会出现一个 App-win32-x64 的文件夹,这个文件就是打包好的桌面应用,文件夹里有一个 App.exe文件,App.exe就是这个项目的启动文件
npm run packager