初步总结在《最丝滑的nw.js入门教程》一文中，作者介绍了nw.js的简单使用nw将html文件作为桌面程序运行，并将html文件打包成桌面可执行文件exe。查看vuecli创建的项目打包成exe文件，可以直接从【添加nw插件在vuecli创建的项目的基础上无缝转为桌面程序】目录开始。本文的主题是基于上述运行打包方式，将Vue项目打包为桌面可执行程序。在vuecli创建的项目中加入nw插件，可以无缝转换为桌面程序。可在XP系统上运行，支持自动更新。将Vue项目打包为桌面可执行程序。把vue项目打包生成的dist目录下的所有文件复制到app和package.nw目录下注：我试过把dist文件夹放到app和package.nw目录下，然后修改package.json里的主路径，但出现异常；并且去掉dist目录，将index.html等文件直接放到app和package.nw目录下，可以正常启动成功。可能是缓存的原因。将app目录拖到nw.exe最上面运行，执行package命令生成桌面软件。copy/bnw.exe+package.nwyourname.exe在vuecli创建的项目中加入nw插件，无缝转换成桌面程序运行vue项目，为桌面程序创建一个vue项目vuecreateyourname//vuecli3+orvueinitwebpackyourname//vuecli2添加nw插件依赖cnpminstallnw@0.14.7-sdk--save-dev//官方文档说支持xp系统请使用0.14.7版本，不管xp都可以安装最新版注意：推荐使用cnpm安装，npm安装基本失败，yarn安装很少见，不稳定！所以建议cnpm安装运行项目先运行vue项目。如果存在依赖错误，删除node_modules目录，然后重新cnpminstall，将项目作为桌面软件运行。添加一行nwjs文件入口代码"main":"http://localhost:8080/",//因为nw入口可以是.html、.js和在线地址。因为是在本地运行，所以将main设置为你上一步运行的项目地址。在package.json中的scripts下添加一行脚本命令"serve:nw":"nw"，然后在编辑器终端输入npmrunserve:nw即可启动桌面版vue项目，将vue项目打包为使用插件包的桌面程序：nw中文网推荐nwjs-builder-phoenix（虽然已经存档了，但是按照官方推荐，坑少）cnpminstallnwjs-builder-phoenix--save-devaddspackage.json中scripts下的一行脚本命令"build:nw":"npmrunbuild&&build--taskswin-x86--mirrorhttps://npm.taobao.org/mirrors/nwjs/.",//win-x64版本"build:nw:all":"npmrunbuild&&build--taskswin-x86,win-x64,linux-x86,linux-x64,mac-x64--mirrorhttps://npm.taobao.org/mirrors/nwjs/.",//打包多个版本，在package.json中配置打包基本参数"build":{"files":["dist/**/*"//文件路径，文件夹你的vue打包后],"output":"./releases",//输出路径，输出打包软件的位置"nwVersion":"0.14.7",//匹配你下载的nw版本"nwPlatforms":["win"//platform],"nwArchs":["x86"//匹配版本参数上述打包命令后],"overriddenProperties":{"main":"./dist/index.html"//设置软件入口文件，其实这个可以是一个URL}}，修改vue.config.js，设置打包路径为相对路径，cli2版本不再重复module.exports={publicPath:'./',productionSourceMap:false,}完成这三个步骤后，在终端运行npmrunbuild:nw生成打包好的桌面软件文件夹，在里面找到你的name.exe然后Double-点击运行。如果不需要支持xp，将--taskswin-x86改为--taskswin-x64，将nwArchs中的x86改为x64自动更新常见问题（踩坑）vuecli3+默认的路由模式是history，使用nw打包后会报错，只是注释方式：router.js中的history。如果把build/overriddenProperties/mian的值设置成一个URL，打包后的软件也可以运行，在XP上没有问题。理论上是不是只要网站一直在运行，内容是最新的，这个软件包就一直是最新的而不更新的？完整配置、打包目录和效果nw配置主要在package.json中，完整配置如下，查看package.json打包目录运行效果Github地址nw-vue-demo目前最流行的js打包桌面程序是electron，不过这个入门也有很多简单的文章，这里就不细说了。还有项目地址：electron-vue-demo
