直接下载代码:npm start
包含{自定义放大 缩小,来消息图标闪烁,创建新的子窗口,向子窗口传参。
}
gitHub代码地址:https://github.com/Lijiyu123/appElectron
打包:{
1、在上一步的 DOS 下,输入 npm install electron-packager -g全局安装我们的打包神器
npm install electron-packager -g
2、安装好打包神器后,还是在上一步的 DOS 下,输入 electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_modules 即可开始打包
electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_modules
这个命令什么意思?蓝色部分可自行修改:
electron-packager . 可执行文件的文件名 --win --out 打包成的文件夹名 --arch=x64位还是32位 --version版本号 --overwrite --ignore=node_modules
}
第二种打包方式:
.打开项目根路径下的项目package.json,给里面的"scripts":节点里加入"package": "electron-packager ./ --platform=win32 --arch=x64 --version=1.6.2 --icon=./images/aa.ico"
示例如下【./表示项目的根路径,./images/aa.ico表示根路径下有个images文件夹,里面有个ico图标,--version的值为"electron": 的值,即electron的版本号,
可在cmd下输入electron -v查看或者在当前文件下查看"devDependencies": 里的"electron": 的值】
{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"devDependencies": {
"electron": "~1.6.2",
"electron-packager": "^8.7.2"
}
}
注意:1.scripts下的package中的--version=1.6.2其中的1.6.2的值为devDependencies下的electron的值
2.scripts下的package中的./为项目根路径,因为在cmd下执行打包命令时,进入的是项目的根路径,所以只写成./
3HelloWorld 是exe名称,OutApp是打包的文件名称,ico必须是自己的相对路径