首先需要下载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有个缺陷是打的包会大了点。

nw打包vue项目exe的更多相关文章

  1. nw打包vue项目exe更换图标

    web项目用nw打包好了之后发现没办法更换桌面显示图标问题,找了一下发现大多推荐Resource进行最后更换,试了第一次怎么也不管用,电脑重启了一下就行了...... 首先下载安装好了Resource ...

  2. nw打包vue项目 安装包

    接着上篇nw打包vue项目exe中: copy /b nw.exe+dome.nw dome.exe 出现了dome.exe文件之后,要是打算打包成为安装包,网上推荐的是Inno Setup Comp ...

  3. electron打包vue项目

    electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并 ...

  4. 使用electron-packager electron-builder electron-updater 打包vue项目,支持在线更新

    1.如何用electron-packager electron-builder打包vue项目,打包成桌面程序. 步骤一. 执行npm run build 打包你的vue项目. 打包成功后,生成dist ...

  5. 使用Cordova打包Vue项目

    因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP. 一个小白的孤军奋战史, 记录一下, 以备后用.... 第一步: 安装cordova 在命 ...

  6. 教你用Cordova打包Vue项目

    现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是 ...

  7. webpack打包vue项目之后生成的dist文件该怎么启动运行

    亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行. 我的vue项目结构如下: 1. 进入该vue项目目录,打开git bash,执行:npm run b ...

  8. docker 运行jenkins及vue项目与springboot项目(三.jenkins的使用及自动打包vue项目)

    docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四 ...

  9. Cordova打包vue项目生成Apk (解决cordova build android抛出的zip问题)

    最近对vue前端框架情有独钟.但研究了一下怎么把vue项目打包成android apk来玩玩. 首先讲一下创建vue2.x项目.其实在之前的文章中都有写过,有兴趣的同学可以去看看.http://www ...

随机推荐

  1. css厂商前缀

    在vue中写css,不要加厂商前缀,vue-cli会在打包时自动生成

  2. WPS专业版及序列号

    目录 1. 软件下载 2. 序列号(永久) 1. 软件下载 城通网盘:https://sn9.us/dir/13403389-35833830-3fc98f (仅Android版) 官网: https ...

  3. CF 937

    A #include <bits/stdc++.h> #define PI acos(-1.0) #define mem(a,b) memset((a),b,sizeof(a)) #def ...

  4. 【学习】022 ActiveMQ

    一.消息中间件概述 1.1消息中间件产生的背景 在客户端与服务器进行通讯时.客户端调用后,必须等待服务对象完成处理返回结果才能继续执行.  客户与服务器对象的生命周期紧密耦合,客户进程和服务对象进程都 ...

  5. GUI学习之二十八—QMessageBox

    今天来学习下QMessageBox. QMessageBox主要用来通知用户或者请求用户提问和接收应答一个模态对话框. 一.对话框的构成 图标是有标准图标的,可以直接调用. 我们声明的消息框,初始状态 ...

  6. Linux shell 误操作

    shell脚本在日常运维中是必不可少会应用到,下面是自己亲身经历过的一件事.会了定期清除日志,编写了一个shell脚本,内容如下: [root@centos- tmp]# more remote_lo ...

  7. u-boot Kconfig结构解析

    1 /u-boot-2019.07/Kconfig source "arch/Kconfig" 2 /u-boot-2019.07/arch/Kconfig  -->有一个一 ...

  8. linux运维、架构之路-Lamp架构部署

    一.Lamp架构原理 二.Lamp架构软件安装 1.apache安装脚本 #!/bin/sh cd /server/tools/ yum install zlib-devel -y wget http ...

  9. Codeforces Round #350(Div 2)

    因为当天的下午才看到所以没来得及请假所以这一场没有打...于是信息课就打了这场的模拟赛. A题: *题目描述: 火星上的一年有n天,问每年最少和最多有多少休息日(周六周天). *题解: 模7分类讨论一 ...

  10. apache Internal Server Error 解决方法

    https://blog.csdn.net/qq_33684377/article/details/78536548 https://blog.csdn.net/LJFPHP/article/deta ...