nw打包vue项目exe

首先需要下载nw，然后解压打开，如图：

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

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

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

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

 

 

标签：文件夹,exe,窗口,dome,vue,true,nw
来源： https://www.cnblogs.com/wy120/p/11624104.html