Vue项目打包为桌面应用

1、首先使用 npm run build 打包为dist文件;
2、新建一个deskapp文件夹,里面在新建一个App文件夹,把打包好的dist里面的所有文件拷贝到App文件夹里面;
3、在deskapp文件夹中新建一个package.json文件,拷贝下面的内容:

{
"name": "deskapp",
"version": "1.0.0",
"description": "",
 "main": "App/index.html",  
"window": {
"title": "我的桌面应用",
"icon": "",
"width": 1366,
"height": 768,
"toolbar": false,
"frame": true,
"resizable": true,
"position": "center",
"transparent": false,
"show": true
  },
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dist": "build --tasks win-x86,win-x64 --mirror https://npm.taobao.org/mirrors/nwjs/ .",
"start": "run --x86 --mirror https://npm.taobao.org/mirrors/nwjs/ ."
  },
"author": "",
"license": "ISC",
"devDependencies": {
"nwjs-builder-phoenix": "^1.15.0"
  },
"build": {
"nwVersion": "0.27.5"
  }
}

4、然后在deskapp文件下打开cmd,npm install安装依赖包;
5、执行正式打包桌面应用的命令: npm run dist,会得到一个dist文件;
6、进入dist文件夹有两个文件,其中x64就是打包好的桌面应用,双击进入会看到exe文件:
Big_Liusir

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值