NW.js 打包vue项目打包成exe桌面应用，修改exe图标

一、NW.js的下载

官网地址是：nwjs.io/

进去之后，点击下载SDK的版本，并解压至本地目录即可。

二、打包vue项目，修改配置文件

1.在nw.exe目录中创建一个你的项目打包文件夹，文件夹名称自定义。（我的文件叫grade_couplet）

2.新建package.json

{ 
	"name": "grade_couplet", //应用的名称 
	"main": "vue项目访问地址" //应用的入口页面
}

3.试运行

• 1.直接将grade_couplet文件夹拖入nw.exe文件内，看能否正常运行vue项目。
• 2.压缩grade_couplet文件成zip格式，并放置到nw.exe文件同级目录下，将grade_couplet.zip拖入nw.exe文件内，看能否正常运行vue项目

三、exe应用打包（一）

• 1.将grade_couplet.zip文件后缀改成nw。
• 2.将合并grade_couplet.nw和nw.exe。 执行命令 copy /b nw.exe+grade_couplet.nw grade_couplet.exe
• 3.点击执行grade_couplet.exe文件即可

四、exe应用打包（二）

注：上一步操作打包出来的exe应用，只能本地访问，换个电脑就无法启动了。所以要进行进一步打包

• 1. 使用Enigma Virtual Box打包成exe （Enigma Virtual Box网上下载）
• 2.点击process后点击run运行即可
• 3.最终打包文件

五、修改exe图标

利于reshacker修改exe图标

• 1.将nw.exe文件拖入reshacker文件
• 2. 选取所需的ico图标，点击repalce替换即可
• 3. 重新运行一次三 四步骤，将项目重新打包成exe即可