为Electron 打包后的桌面程序添加自定义向导

本文链接：https://blog.csdn.net/zhangzhixiong_/article/details/127733912

Electron打包

简介
内容

简介

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验。
本文是在能够使用electron打包成桌面应用程序后为该应用程序添加自定义安装向导；

内容

创建package.json

{
  "name": "test",
  "productName":"test",
  "version": "0.2.6",
  "description": "The point cloud studio on desktop",
  "homepage": ".",
  "main": "src/index.js",
  	//调试
    "scripts": {
    	"start": "react-scripts start",
  	},
  "keywords":[],
  "author":{
		"name":"baby",
		"email":"123@123.com"
	}
	"license":"MIT",
	"dependencies":{
		"electron-squirrel-startup":"^1.0.0",
	},
	"devDependencies":{
		"electron":"19.0.3"
	}
}

下载打包依赖

npm i --save-dev elelctron-builder

可以看到package.json的变化

	"devDependencies":{
		"electron":"19.0.3",
		"electron-builder": "^23.0.3",
	}

在scripts添加

    "scripts": {
    	"start": "react-scripts start",
    	"electron:build": "electron-build",
  	},

此时可以打包electron程序

添加打包配置----在srcripts下面添加build(此处添加自定义安装向导向导)

"build":{
	"appId":"my-app",
	"win":{
		"target":[
			"nsis"
		]
		"icon":"icon.ico"
	},
	"nsis":{
		"oneClick":true,
		"installerIcon":"icon.ico",
		"uninstallerIcon":"icon.ico",
		"uninstallDisplayName":"my-app-uninstaller",
		"license":"license.md",
		"allowToChangeInstallationDirectory":false
	}
}