nwjs将vue项目打包成exe

NW.JS将vue等前端项目打包成Windows桌面可以安装的软件

1.下载 nw.js 的sdk软件包

http://nwjs.org.cn/doc/user/Package-and-Distribute.html

2.将压缩包解压缩到自己想要放置的地方：

3.该文件下建立myapp文件夹，将vue打包的dist文件夹所有的文件复制到该myapp目录下，并建立package.json文件后写入：

{
  "name": "nwjs-demos",
  "version": "0.0.1",
  "description": "nw.js demos",
  "keywords": [],
"window": <img src="{" alt="" width="30%" />
    "title": "nw-vue-webpack2",
    "toolbar": true,
    "frame": true,
    "width": 1920,
    "height": 1080,
    "min_width": 1920,
    "min_height": 1080
  },
  "main": "index.js"
}

建立index.js文件写入
nw.Window.open('./index.html', {}, function(win) {});

4.在myapp文件目录下，开启cmd,可以先运行测试一下，输入nw .命令，看看网页是否可以是桌面app的形式启动成功：

5.上一步可以正常启动之后，将myapp目录下的所有文件全选压缩为app.zip文件，然后将该文件的后缀改成，app.nw,然后将app.nw复制到和nw.exe的同级目录下：

6：开始运行命令程序将我们的web应用生成.exe程序

cmd以管理员身份打开（如果不以管理员身份打开会报错）,进入到nw.exe所在文件夹,使用命令：

copy /b nw.exe+app.nw tool.exe

7.nw.exe的同级目录下会生成一个tool.exe的文件，这个就是启动程序，点击就可以进行运行了。

注意：不能只把tool.exe移动到其他的目录下，需要把整个文件夹copy出去才能运行，因为exe需要使用nw的一些dll依赖文件。

8.虽然打包出来了.exe文件，但是不可以进行安装使用，下面进行setup打包

a.下载inno setup并安装

b.运行软件选择inno setup -> file-> new

c.下一步之后，修改应用程序的名称，并下一步

d.选择需要打包的.exe文件和nwjs目录

e.设置程序打包的输出路径和名字等,一直下一步，并finish之后，点击是

f.设置好之后，点击保存，就会进行程序打包了

g.直到打包完成之后会将安装包输出到指定的目录

下面就是我们打包成功的安装程序了