vue文件打包成 桌面应用程序exe

222 阅读1分钟

据我了解,有用electronnw.js两种方法 本文采用的是nw.js

nw.js

安装

下载地址:NW.js (nwjs.io),点击下载SDK的版本,解压到本地目录

image.png

创建

1、在根目录下,创建package文件夹,目录和nw.exe在同级目录下,将此文件夹拖进nw.exe中,看看是否可以运行
2、压缩package文件夹,重命名为package.nw文件夹,目录和nw.exe在同级目录下,
3、把vue文件打包,在根目录下新建package.json文件夹,放到package.nw中

image.png

package.json

{ 
	"name": "tt", //应用的名称
	"main": "https://XXX/www/test_haha/tt" ,//应用的入口页面
	"title": "桌面测试"
}

打包为桌面应用程序exe

打开你的编辑器终端或者直接调出cmd,找到根目录,执行下部分代码
(win系统上自带的合并文件命令。copy /b是系统命令,1+2+3中+号连接的是要合并的文件,空格后是你合并出来的文件名)

copy /b nw.exe+package.nw tt.exe

执行成功后,可看见tt.exe 点击执行

enigma(存疑)

上述操作在本地打开,别人打开还需要把所有文件压缩发过去
推荐一个好用的 (免费版)打包Qt程序为单个可执行程序:www.enigmaprotector.com/en/download…

image.png

安装好进行操作

image.png