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