前端代码打包yarn build

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 没有填写 所有这里为空