投稿

electron打包vue为桌面应用的详细过程

Vedu • • 程序开发 • 阅读 1093

1.vue create demo

2.vue ui

3.搜索
vue-cli-plugin-electron-builder,勾选，安装

4.npm run electron:serve

5.npm run electron:build

6.build complete!构建完成！

构建完成后，看一下目录

文件夹dist_electron就是构建文件所在的文件夹，我们找到文件夹打开看一下

demo setup 0.1.0.exe就是安装程序
win-unpacked 从字面意思就可以知道是win环境下没有被打包的（绿色免安装包）

双击demo打开

electron 打包vue为桌面应用的详细过程

helloworld出来了，没有问题

双击安装

没有问我们安装位置，也没有问是不是要创建快捷方式，很简单粗暴的就安装了，而且安装完后直接打开

hello world出来了没有问题
此时，回到桌面，会发现多了一个快捷方式

就是我们刚才安装的
通过快捷方式，我们可以找到安装位置
C:UsersAdministratorAppDataLocalProgramsdemodemo.exe
进去看看

electron 打包vue为桌面应用的详细过程

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/28934.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2021-09-09 05:42
下一篇 2021-09-09 05:59

相关推荐

发表评论

登录后才能评论