一分钟将web端转为桌面应用——vue+electron
node版本 16
vue项目举例
下载依赖
在vue项目控制台输入命令安装electron:vue add electron-builder
electron:vue add electron-builder
如果报错 大概率是网络问题,更换淘宝镜像源就可
在src同级目录下新建.npmrc文件
ELECTRON_MIRROR=npm.taobao.org/mirrors/ele… ELECTRON_BUILDER_BINARIES_MIRROR=npm.taobao.org/mirrors/ele…
安装成功以后src目录下会生成background.js文件
然后运行项目:cnpm run electron:serve
cnpm run electron:serve
打包成.exe 依次执行这两个命令
asar pack app app.asar
electron-builder -w
苹果系统应该是 npx命令
npx asar pack app app.asar
这样就完成了web端转桌面端,是不是超级超级简单!
第一次写文章,有什么不对的请大佬们提出来,感谢感谢!