Electron打包exe文件，node打包

Electron打包exe文件
前几天看了一篇文章，Electron打包exe文件，看评论下面很多小伙伴不理解，所以这里我自己根据自己写的小demo给大家示范一下，不喜勿喷。
认真的看完这篇文章你可能就能得到不小的收获。
开始
首先准备好要打包的文件这里没有准备太多

文件很简单，效果就是在 demo1 可以跳转到demo2
demo2.html

demo1.html

index.js

const { app, BrowserWindow } = require('electron');

function createWindow () {
     
  let win = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
          nodeIntegration: true
      },
      fullscreen: true
  })
  // 注意：win.loadFile是初始文件，也就是打包后默认的入口文件即.exe文件。
  win.loadFile('demo1.html')
}

app.on('ready', createWindow)

Node命令
node安装我就不说了，直接开始。
先全局安装electron

npm install -g electron

在根目录里打开命令行 输入 electron -v 出来当前版本号**，后面要用到**

这样 electron 就安装好了，如果安装失败，先看自己电脑是否有环境，某些编辑器自带的一些终端有时候也会出错，自己当心就行。

接下来初始化

npm init

自己填写相关信息，一直按enter，选默认操作也可以！

{
  "name": "demo",
  "version": "1.0.0",
  "description": "demo",
  "main": "index.js",
  "dependencies": {
    "electron-packager": "^14.0.6"
  },
  "devDependencies": {},
  "scripts": {
    "test": "electron .",
    "start": "electron .",
    "package": "electron-packager . app --win64 --out ../ --arch=x64 --app-version=1.0.0 --electron-version=6.0.10"
  },
  "author": "",
  "license": "ISC"
}

这里是我初始化以后生成的package.json
注意

这里面的代码是手动添加上去的 start 是 在命令行里面直接输入会启动项目，package 开面的代码就是打包的命令 你可以想我一样写在script 里面，或者直接在命令行里面输入这我已经试过了。所以就不试了。直接用npm执行。

npm run package

这段代码和上面一串代码表达的意思是一样的。
执行后会开始打包。

这里就是正在打包的过程。你要确认.NET Framework 的版本4.5 和Powershell 的版本，注意wendow7 默认 Powershell 是 2.0 的 打包需要3.0的。 注意更新。

选中的文件就是打包生成的文件。

双击就生成了和demo1.html 和demo2.html一样的效果了。

/注意/

介绍下这串代码的含义

最后附上最终效果：