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打开

helloworld出来了,没有问题
双击安装
没有问我们安装位置,也没有问是不是要创建快捷方式,很简单粗暴的就安装了,而且安装完后直接打开
hello world出来了没有问题
此时,回到桌面,会发现多了一个快捷方式
就是我们刚才安装的
通过快捷方式,我们可以找到安装位置
C:UsersAdministratorAppDataLocalProgramsdemodemo.exe
进去看看

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


相关推荐
-
在PHP中调用接口的方法
如:http://localhost/operate.php?act=get_user_list&type=json 在这里operate.php相当于一个接口,其中get…
-
关于mssql数据库
网站数据库,就是动态网站存放网站数据的空间,大多数网站都是由ASP、 PHP、JSP开发的动态网站,网站数据是有专门的一个数据库来存放,比如百度知道里面的帖子,都是存放在数据库里面的,查询的时候ASP动态网页就把他们调出来。
-
SpringBoot+WebSocket实现即时通讯(J2EE方式)
什么是websocket? WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC79…
-
webpack使用大全
提示: 文中代码片段可能会在本文上传后格式被压缩,感兴趣的童鞋请复制代码到ide中格式化后查看,敬请谅解! webpack wenpack简介 webpack是一个JavaScri…
-
使用CSS Flexbox构建可靠实用的网站Header
在 CSS3 没有普及的时候,创建一个网站 header 是一项既可怕又困难的任务 ?。那时,Flexbox 还是个新东西,我们不得不使用老方法,比如 float和clearfix…
-
.net core 自带分布式事务的微服务开源框架JMS
事务的统一性是微服务的一个重点问题,简洁有效的控制事务,更是程序员所需要的。JMS的诞生,就是为了更简单、更有效的控制事务。 先看一段调用微服务的代码: using (var ms…
-
移动端input默认调用数字键盘
默认调用数字键盘是很多项目中常见的需求,但是如何处理却是一个不大不小的坑。 当我拿到这个需求的时候第一反应就是 <input type=”number”> 拿起我的大苹…
-
web前端网页开发中常用js封装方法
前言 web前端网页开发中,经常用到一些常用的方法,有时候会在多个页面重复写,就造成了代码冗余,所以这里我封装成了一个公共js,方便调用。 代码【main.js】 /** * 获取…
-
前端设计大佬自己写了vue支付密码效果
从网上搜索了好多都很麻烦,花了点事件自己做了个,简单轻便,老少皆宜 。 <template> <section class=”pay-mask” @…