体验NW.js打包一个桌面应用

时间 2019-11-07

原文原文链接

1.安装nw，(也可在官网下载而后配置变量)html

npm install nw -g

一个最最简单的nw应用，只须要有index.html和package.json文件便可npm

2.项目准备，目录结构json

app文件夹app

+----index.htmlspa

+----package.jsoncode

index.html代码：htm

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

package.json代码：(可以使用npm init生成，下面两项属性必须)blog

{
  "name": "app",
  "main": "index.html"
}

3.运行看看图片

nw app 或 nw .

4.压缩文件夹并改名为app.nwget

5.将app.nw跟nw一块儿打包成一个可执行文件

把app.nw复制到nw目录下，执行

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

而后就出现了这个app.exe可执行文件

6.能够新建一个文件夹，把必须的文件放里面，以下为app.exe执行必须的文件：

7.下载安装Enigma Virtual Box将文件打包，

打开软件，

输入输入app.exe的路径和输出路径，

再把第6步的相关文件Add进去，

最后按右下角“Process”

咱们获得了一个app_boxed.exe 的文件，，挪动到哪里均可以，只要把这个文件交给用户，双击就能够出现第三步运行效果。

须要换图片请看这里：