1.Git克隆
# 克隆示例项目的仓库
git clone https://github.com/electron/electron-quick-start
#进入这个仓库
cd electron-quick-start
#安装依赖并运行
npm install
2. 安装electron-packager打包依赖
npm install --save-dev electron-packager
参数说明:
- --save -dev 的含义是代表把你的安装包信息写入 package.json 文件的 devDependencies 字段中,包安装在指定项目的node_modules文件夹下
安装完成之后,项目根目录下面的package.json文件里,会多出一条electron-package的版本号配置信息 。![](https://i-blog.csdnimg.cn/blog_migrate/8df048a95abb07a57e8220b5d0ddb8bb.png)
3. 设置打包命令
在package.json中scripts处添加如下配置
"scripts": {"package":"electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
}
参数说明:
- --platform=win32:确定了你要构建哪个平台的应用,可取的值有 darwin, linux, mas, win32
- --arch=x64:决定了使用 x86 还是 x64 还是两个架构都用
- --icon=computer.ico:自定义设置应用图标
- --out=./out:指定打包文件输出的文件夹位置,当前指定的为项目目录下的
- --asar:该参数可以不加,如果加上,打包之后应用的源码会以.asar格式存在,否则会以文件夹形式存在
- --app-version=0.0.1:生成应用的版本号
- --overwrite:覆盖原有的 build,让新生成的包覆盖原来的包
- --ignore=node_modules:如果加上该参数,项目里node_modules模块不会被打包进去 electron package.json
4. 执行打包命令
在项目文件夹DOS窗口下执行命令
npm run package
运行exe启动程序