electron 将前端项目打包成桌面应用

electron-forge

使用electron-forge 创建项目

安装electron-forge

npm install -g electron-forge

由于网络原因安装失败可使用淘宝镜像

npm install -g nrm

安装成功后 查看源（这里使用cmd 或在编辑器中的terminal 可能会出现下面错误）使用git bash here窗口可以查看各种源

nrm ls 

• cmd窗口
  
• vscode terminal 窗口
  
• git bash here
  
  切换源

nrm use xxx 

创建项目

electron-forge init My Electron application

创建完成后 目录结构

运行

npm run start

到这步基本算完成了

然后将打包好的dist文件夹拷贝至src文件夹下，并修改src/index.js文件
修改前
修改后
再次运行项目

npm start

web项目转桌面应用成功 哈哈哈

打包

使用npm run package与npm run make报一大片错误 而且还是乱码的
使用CHCP 显示或设置活动代码页编号

65001 UTF-8代码页
936简体中文默认的GBK
使用

乱码文题就可以解决

大片错误是由于package.json 文件中Authors字段和description字段为空导致的，填写完再次运行

打包完后会出现一个out文件夹 打包的程序在此文件夹下

out文件夹下有俩文件夹 一个是应用程序 一个是安装包
安装包安卓界面如图 （无法选择安装的目录以及查看安装的信息）

安装包 包装

使用nsis window安装程序制作工具

1. 下载nisi 下载nis edit

2. 打开nis edit

选择新建脚本：向导

填写对应信息

选择应用程序图标 要打包的程序地址

…

中间省略了几步 完成此向导后 将会把这些向导编译成脚本 这里需要保存此脚本

生成的脚本

打开NISI 软件

点击Compile NSI scripts

点击load script 选择刚才生成的脚本


打包应用程序完成 点击安装

打包的时后选择license 没有填写 所有这里为空