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

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.net/procedure/28934.html

发表评论

登录后才能评论