electron打包完整流程（含踩坑）

electron打包的踩坑日志

electron文档：https://www.electronjs.org/zh/docs/latest/tutorial/quick-start
文档中很详细的介绍了eletron的创建到打包
1、初始化项目
在项目文件夹中初始化

npm init

2、安装electron
有点慢，得多试几遍

npm install --save-dev electron

3、配置package.json

{
  "name": "getparam",  //项目名字
  "version": "1.0.0", //项目版本
  "description": "",  //项目描述
  "main": "main.js",   //项目启动文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "eletron ."    //添加启动语句
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron": "^16.0.6"
  }
}

4、配置main.js

const { app, BrowserWindow } = require('electron')
function createWindow () {
    const win = new BrowserWindow({
      width: 800,
      height: 600
    })
  
    win.loadFile('index.html')  //窗口页面路径
  }

  app.whenReady().then(() => {
    createWindow()
    app.on('activate', function () {
        if (BrowserWindow.getAllWindows().length === 0) createWindow()
      })
  })

  app.on('window-all-closed', function () {
    if (process.platform !== 'darwin') app.quit()
  })

5、新增index.html

打包过程及所遇到的所有坑

1、安装Electron Forge

npm install --save-dev @electron-forge/cli

这一步基本上没事那么问题，确保安装完整就行

2、设置forge的脚手架

npx electron-forge import

注意了，这一步需要在已安装git和node.js 12.0.0版本以上才可以成功。所以在这步之前我们先试试我们的环境是否准备就绪

git  //查看git是否可使用
node -v //查看node的版本

如果其中一个命令提示既不是内部命令也不是外部命令，那先去安装

执行命令完成后
3、创建应用程序

npm run make

这一步就注意
①package.json中"author"和"description"一定要有，为空也会报错直接打包也是可用的
②路径如果存在英文的话会在Making for the following targets: squirrel报错,但是直接打包也是可用的

4、打包完成，查看out文件夹里面的XXX-win32-x64，双击exe即可运行