将electron框架集成到vue文件中,不改变vue文件的原有结构

 1、在vue文件中安装electron框架,运行代码

vue add electron-builder 

nde为v16的,electron版本一般选择 "electron": "^13.0.0",

2、启动项目

npm run electron:serve

这样就能在网页中打开咱们的vue项目

3、构建桌面应用程序

npm run electron:build

4、打开你的文件中的package文件,查看启动方式

 运行代码:

npm run electron:serve

这个过程耗时会比较久,耐心等待,首次加载时会先出现一个网页,然后在构建桌面程序

5、桌面程序构建完成

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐