electron打包electron-forge下载错误，electron如何打包2024.01.07

拒绝废话！

以官网快速入门 | Electron的html和js文件为基础，确保npm run start可以正常运行显示出界面。（

*如果安装过程中出现 xxx packages are looking for funding，则追加--no-fund。比如：

npm install -g cnpm --registry=https://registry.npm.taobao.org --no-fund

）

======================打包方法====================

首先：

Index of electron-builder-binaries-local下载：winCodeSign-2.6.0 和 nsis-3.0.4.1 和 nsis-resources-3.4.1   下载rar格式

第二步：

解压这三个压缩包，严格按下图目录放入（哪个文件夹没有则新建），其中nsis文件夹放的是解压后的nsis-resources-3.4.1 

第三步：

下载electron-builder

npm --registry https://registry.npmmirror.com install electron-builder -g

第四步：

打开准备build的工程文件夹，编辑package.json（仅供参考）：

{  //使用时这些注释全部去掉

  "name": "electronpro",

  "version": "1.0.0",

  "description": "ccc",

  "main": "main.js",  //必须和工程js文件名一致

  "scripts": {

    "start": "electron .", 

    "build": "electron-builder",  //增加这句

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "author": "vv",

  "license": "ISC",

  "devDependencies": {

    "electron": "^28.1.1"

  },

  "build": {  //增加这些红色字体代码

    "appId": "com.example.app",

    "productName": "MyApp",

    "directories": {

      "output": "build"

    },

    "win": {   //指定编译Windows平台

    "icon": "build/icons/food.png", // 安装包图标，必须为 256 * 256 像素图片

      "target": "nsis"

    },

    "nsis": { 

      "oneClick": false,  // 是否一键安装

      "language": "2052",  //安装语言——中文

      "perMachine": true,  //为当前系统的所有用户安装该应用程

      "allowToChangeInstallationDirectory": true  // 允许用户选择安装目录

  }

  }

}

第五步：

确保可以顺利连接github！！！（这步会从那里下载资源）（可以百度搜索安装fastgithub协助github的稳定性）

npm run build

无误，则会在工程根目录发现build文件夹...

PS：下载electron方法

npm --registry https://mirrors.huaweicloud.com/repository/npm/ --save-dev install electron