使用nw.js将vue项目打包成桌面程序

1.去nw.js官网下载sdk包
使用nw.js将vue项目打包成桌面程序

2.将vue项目打包,把打的包放到解压后的sdk包中
使用nw.js将vue项目打包成桌面程序

3.在打的包里新家package.json文件
使用nw.js将vue项目打包成桌面程序
使用nw.js将vue项目打包成桌面程序

4.拖动文件到程序试运行
将包拖动到nw.exe中看能否打开/或者将包压缩成zip之后再拖动
使用nw.js将vue项目打包成桌面程序

5.打包成exe文件
先把包压缩成zip,将后缀名改成.nw
使用nw.js将vue项目打包成桌面程序

再使用命令合并 >copy /b nw.exe+vue_tools.nw vue_tools.exe
使用nw.js将vue项目打包成桌面程序

生成exe文件可以双击打开
使用nw.js将vue项目打包成桌面程序

6.上面打包之后只有本地可以访问,我们要将其打包成别人可以访问的exe,使用Enigma Virtual Box工具 https://enigmaprotector.com/en/downloads.html
先选择要打包的exe文件vue_tools.exe,再将所有与vue_tools无关的文件都拖进来
使用nw.js将vue项目打包成桌面程序
点击process
使用nw.js将vue项目打包成桌面程序

使用nw.js将vue项目打包成桌面程序
最终打包好的文件就是这个了:
使用nw.js将vue项目打包成桌面程序

上一篇:[数据结构] Splay


下一篇:Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现