nw.js 将html打包为exe

1、下载nw和Enigma Virtual Box

nw:

链接:https://pan.baidu.com/s/1EoLJE7MnemRNPQtZQAGbbQ 
提取码:m9yf

Enigma Virtual Box:

链接:https://pan.baidu.com/s/1hpUQST5QrndUAhxysCdd9g 
提取码:kdkp

nw.js

 Enigma Virtual Box

2、在入口html文件同级,添加package.json文件,添加内容

 package.json内容(简单打包这就够用了)

{
    "main": "index.html",
    "name": "这里随便起"
}

想要其他的内容可以百度搜一下,这是我搜到的一些,我没用到

title : 字符串,设置默认 title。
width/height : 主窗口的大小。
toolbar : bool 值。是否显示导航栏。
icon : 窗口的 icon。
position :字符串。窗口打开时的位置,可以设置为“null”、“center”或者“mouse”。
min_width/min_height : 窗口的最小值。
max_width/max_height : 窗口显示的最大值。
resizable : bool 值。是否允许调整窗口大小。
always-on-top : bool 值。窗口置顶。
fullscreen : bool 值。是否全屏显示。
show_in_taskbar : 是否在任务栏显示图标。
frame : bool 值。如果设置为 false,程序将无边框显示。
"chromium-args" :"-allow-file-access-from-files" 相当于给谷歌浏览器添加启动参数一样,这行代码允许angularjs直接访问本地json文件。

3、将内容打包,这里要注意,选中你的所有文件,然后右键点击压缩成zip,不要压缩整体的文件夹,如图:

 

4、将这个压缩后的文件夹放到nw的目录下:

5、修改后缀为nw

6、在这个窗口打开cmd窗口

 7、输入如下命令:

copy /b nw.exe+note.nw 名字.exe

 

8、到这里,就可以双击app.exe显示内容了。但是还不能随便放到别的地方,如果想就开始利用另一个工具发布:

打开 Enigma Virtual Box,添加路径

 9、添加文件夹

 

 10、点击打包

11、这样就打包完毕了,到你的nw目录下,就可以看到打包完毕的exe文件了

12、现在这个文件可以单独运行了,可以放到你的桌面进行使用了。

要使用 NW.js 将 Vue 项目打包成可执行文件(exe),可以按照以下步骤进行操作: 1. 确保你已经安装了 Node.js 和 npm。可以从官网下载并安装。 2. 创建一个新的 Vue 项目,可以使用 Vue CLI 进行快速创建。在命令行中运行以下命令: ``` vue create my-nwjs-app ``` 按照提示进行配置,并选择你需要的特性和插件。 3. 进入项目目录,并安装必要的依赖项。在命令行中运行以下命令: ``` cd my-nwjs-app npm install --save-dev nw ``` 4. 在项目根目录下创建一个 `package.json` 文件,用于配置 NW.js 打包选项。示例如下: ```json { "name": "my-nwjs-app", "version": "0.1.0", "main": "index.html", "scripts": { "start": "npm run build && nw .", "build": "vue-cli-service build", "package": "npm run build && nwbuild -p [PLATFORMS]", "dev": "nw ." }, "devDependencies": { "nw": "^0.51.3", "nw-builder": "^3.1.2" } } ``` 其中,`start` 命令用于启动开发模式下的 NW.js,`build` 命令用于构建 Vue 项目,`package` 命令用于打包 Vue 项目为可执行文件。 5. 在命令行中运行以下命令,安装 `nw-builder` 工具: ``` npm install --save-dev nw-builder ``` 6. 在命令行中运行以下命令,打包 Vue 项目为可执行文件(exe): ``` npm run package ``` 根据你的需求,可以在 `package` 命令中指定目标平台(如 Windows、macOS、Linux)。 打包完成后,你将在项目目录下的 `build` 文件夹中找到生成的可执行文件。 以上就是使用 NW.js 将 Vue 项目打包成可执行文件的大致步骤。请根据实际情况进行调整和配置。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值