vue项目实现电脑桌面端

废话不多说，进入正题：

1、这是vue项目的目录，开发完成后在项目根目录执行npm run build打包，打包完成后会生成一个dist文件夹如下图：

2、在dist目录里边新建一个文件夹，名字叫：package.json

3、package.json文件的内容（复制即可用）属性不知道的百度一下就有，我就不写注释了。

{
  "name": "demo",
  "version": "1.0.0",
  "description": "demo",
  "main": "/index.html",
  "keywords": [
    "demo",
    "node-webkit"
  ],
  "nodejs": true,
  "single-instance": true,
  "window": {
    "title": "demo",
    "icon": "./img/erp.png",
    "toolbar": false,
    "resizable": true,
    "fullscreen": true, // 全屏
    "position": "center",
    "width": 1920,
    "height": 1080,
    "min_width": 400,
    "min_height": 335,
    "show": true,
    "show_in_taskbar": true,
    "kiosk": false,
    "frame": true
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dist": "build --tasks win-x86,win-x64,win-x32 --mirror https://npmmirror.com/mirrors/nwjs/ .",
    "start": "run --x86 --mirror https://npmmirror.com/mirrors/nwjs/ ."
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "nwjs-builder-phoenix": "^1.15.0"
  },
  "build": {
    "nwVersion": "0.27.5"
  },
  "dependencies": {
    "express": "^4.19.2"
  }
}

4、在dist目录终端打开执行npm install

5、执行完成后会生成一个node_modules和package-lock.json

6、在dist目录中在执行npm run dist

7、会在dist目录中还会在生成一个dist目录

8、打开这个dist下面会生成如下图：

9、打开64位文件夹中最下边会有一个exe文件。双击打开即可。

至此结束！对你有帮助请点个赞👍，感谢🙏！