一、使用nwjs生成:
1、打包Vue应用程序
npm run build
2、新建文件夹(例如:exeApp)将vue打包好的dist文件下的所有文件拷贝到这个文件夹(exeApp)里面
3、在文件夹(exeApp)下新建 package.json文件内容如下:
(注意!!! 要删除注释,不然npm run dist 报错)
{
"name": "提示文字",//鼠标放图标上面的提示文字
"version": "1.0.0",
"description": "这是**系统",//应用介绍
"main": "index.html",
"window": {
"title": "**系统",
"icon": "./tag_q.png",// 任务栏图标路径 png格式
"width": 1200,
"height": 700,
"toolbar": false,
"frame": true,
"resizable": true,
"position": "center",
"transparent": false,
"show": true,
"show_in_taskbar": 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、安装依赖并打包
npm install 或者 yarn //安装打包所需要的依赖
npm run dist 或者 yarn run dist //打包项目为 exe 文件
5、进入打包后的dist文件夹,其中x86、x64是不同系统的桌面应用,点击进入就会看到对应的exe文件。