nw打包vue项目exe

首先需要下载nw,然后解压打开,如图:

nw打包vue项目exe

在以上新建一个同级项目文件夹,然后把把项目打包,将dist中的static文件夹与index.html放入,并新建一个package.json(可使用npm init生成),如下:

nw打包vue项目exe

package的配置中,main和name是必须的属性,name需要是小写字母或者数字,可以包含.或者_或者-

其它属相:

{          "main": "index.html",  //程序的起始页面        "name": "demo",   //全局唯一name       "description": "demo app of node-webkit",  //程序描述       "version": "0.1.0", //版本号       "window": {               "title": "demo",  //设置默认title             "icon": "favicon.png", //窗口的icon。              "toolbar": false,  //显示导航栏             "resizable": true,  //允许调整窗口大小             "fullscreen": false,  //全屏             "show_in_taskbar": true,  //win任务栏显示图标             "frame": true,  //程序边框显示             "position": "center",  //窗口打开时的位置,可以设置为“null”、“center”或者“mouse”             "width": 800,  //主窗口的的宽度             "height": 700,  //主窗口的的高度             "min_width": 400,  //窗口的最小宽度             "min_height": 300,  //窗口的最小高度             "max_width": 800,  //窗口显示的最大宽度             "max_height": 670,  //窗口显示的最大高度             "show": true,  //启动时窗口可见。             "show_in_taskbar":true,   //在任务栏显示图标。             "kiosk": false  //如果使用kiosk模式,应用程序将全屏显示,并且阻止用户离开应用。         }  }

  

nw app 或 nw .运行,也可以直接将新建的项目文件夹拖拽至nw.exe上运行,就可以看到此时的桌面项目样子。

接下来压缩新建的项目文件夹中的文件并更名为XXX.nw,如dome.nw,并把这个XXX.nw拿到父级(与项目文件夹一样,与nw目录同级)。

接下来运行:copy /b nw.exe+dome.nw dome.exe

出现了dome.exe文件,继续:

下载并安装Enigma Virtual Box,打开软件并输入dome.exe的位置路径与输出位置路径,并把相关需要文件add到下面的file中,点击Process

nw打包vue项目exe


我是将除了新建的项目文件与.exe文件之外的文件全拖了进去。

nw有个缺陷是打的包会大了点。

 

 

上一篇:python – 如何只允许管理员执行命令


下一篇:javascript – Discord.js回复消息然后等待回复