一分钟将web端转为桌面应用——electron

159 阅读1分钟

一分钟将web端转为桌面应用——vue+electron

node版本 16

image.png

vue项目举例

下载依赖

在vue项目控制台输入命令安装electron:vue add electron-builder

electron:vue add electron-builder

如果报错 大概率是网络问题,更换淘宝镜像源就可

image.png

在src同级目录下新建.npmrc文件

ELECTRON_MIRROR=npm.taobao.org/mirrors/ele… ELECTRON_BUILDER_BINARIES_MIRROR=npm.taobao.org/mirrors/ele…

image.png

安装成功以后src目录下会生成background.js文件

image.png

然后运行项目: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端转桌面端,是不是超级超级简单!

第一次写文章,有什么不对的请大佬们提出来,感谢感谢!