如何把html打包为一个可执行的exe应用程序

首先准备两个软件

1.NW.js

下载nw.js地址icon-default.png?t=M85Bhttps://nwjs.io/

2.EnigmaVirtualBox9.70

百度搜索一下,我用的是第一个地址

-----------------------------------------------------

准备工作工作告一段落

第一个软件解压完

 然后给你写好的程序配置一个package.json的文件

新建一个package.json文件

{
    "main": "index.html",    //入口
    "name": "这里随便填写"
}

点击保存,把package.json文件放到项目根目录中

 全选添加到压缩文件

压缩后多了一个zip的压缩包

然后改压缩包后缀将.zip改为.nw

 

 改完后长这个样子

至于不知道如何显示文件后缀icon-default.png?t=M85Bhttp://www.baidu.com/link?url=FQAgk0C9NhoBgfhc3UP5KEOIOvRAkL58TlYmfZM1K47LaI2wnyLRCkkOphQtcIxBJOiB5NtZaM49g_PSNbPjuCi-xApWkptJDYg6xkmU0kW

继续将.nw文件复制到下载好的第一个软件中

 在上方地址栏输入cmd 回车

输入后回车

copy /b nw.exe+gf-big.nw 自己随便起.exe

 我起名为demo

可以看到demo.exe就生成成功了可以双击执行运行了

说到这有的小伙伴就发现了当demo.exe离开当前目录后就无法运行了,到这就用到我们说的第二个软件

 

 点击主程序预览

找到我们刚才生成的exe 选中打开

点击添加

 点击添加文件夹递归

 找到第一个软件目录点击确定

点击确定 

我们也可以修改输出地址点击输出虚拟文件名称预览自己找个地方放,重新生成后的exe就在这

 点击打包

 可以试运行一下看看对不对,我是直接关闭

就可以看到生成了新的exe

 

  • 0
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue3项目可以使用Electron来将其打包成可执行文件(.exe文件)。Electron是一个跨平台的桌面应用程序开发工具,可以使用HTML、CSS和JavaScript来构建桌面应用程序。以下是一些基本的步骤: 1. 安装Electron:可以通过npm安装Electron,命令如下: ``` npm install electron --save-dev ``` 2. 配置package.json文件:在package.json文件中添加以下代码: ``` "main": "main.js", "scripts": { "start": "electron ." } ``` 这里的main.js是Electron的主进程文件,可以根据需要进行修改。start命令用于启动Electron应用程序。 3. 创建main.js文件:在Vue3项目根目录下创建一个main.js文件,并添加以下代码: ``` const { app, BrowserWindow } = require('electron') function createWindow() { // 创建浏览器窗口 const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载index.html文件 win.loadFile('dist/index.html') // 打开开发者工具 win.webContents.openDevTools() } app.whenReady().then(() => { createWindow() app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } }) }) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) ``` 4. 打包应用程序:在命令行中运行以下命令: ``` npm run build npx electron-packager . myApp --platform=win32 --arch=x64 --out=out ``` 这个命令将会在当前目录下创建一个out文件夹,其中包含可执行文件myApp.exe和相关资源文件。其中,--platform参数用于指定打包的平台,--arch参数用于指定打包的架构,这里指定了Windows平台和64位架构。 至此,您就可以将Vue3项目打包成可执行文件了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值