Electron-vue (持续更新)

2019-11-10 admin

简介

Electron-vue使用

首先,我们在安装了node.js 和Vue的基础上搭建脚手架并新建项目

npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

在创建项目过程中,我们可以进行下面这些选择,比如可以选择不用eslint 1573177265673.jpg 然后安装依赖

cd my-project
yarn # or npm install

建议大家使用yarn ,以免发生不必要的错误。使用npm,后期会有打包不成功,打包过程报错,缺少依赖等现象(尤其是window系统)

经过一番漫长的等待,可以最后运行程序了

yarn run dev # 或者 npm run dev

运行后

然后我们就可以开始编写我们的桌面程序了 编写完成后,将项目打包,打包生成的程序系统是根据打包的电脑来决定的,比如64位系统打包的程序32位的是不能用的

npm install electron-builder

npm install electron-package

自动更新功能 给程序添加自动更新,需要在package.json里配置

 "publish": [
      {
        "provider": "generic",
        "url": "http://下载地址"
      }
    ]

配置完后,会出来一个latest.yml文件,我们需要将更新后的.exe程序与latest.yml文件放到服务器下面,latest里面会有版本号,检测时候,会检测latest里的版本号与现在运行的版本号是否一致,一致的跳过,不一致会进行更新 由于mac的签名机制,npm run build 需要签名才能打包成功 另外,electron好多东西都是可以更改,比如打包后的程序图标,可以将build的icons文件里的图标更换,注意文件后缀名必须一致

很好玩的一个程序,持新

[转载]原文链接:https://segmentfault.com/a/1190000020949145

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-78886.html

文章标题:Electron-vue (持续更新)

相关文章
vue.js实现请求数据的方法示例
vue2.0示例代码如下: var vm = new Vue({ el:"#list", data:{ gridData: "", }, ...
2017-03-20
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
直接贴代码了: 先上输入前的样子: <style> #example{margin:100px auto;width:600px;} .show{margin:10px;} #searchText{display: block...
2017-03-17
最细致的vue.js基础语法 值得收藏!
介绍 前段时间接触到一个库叫做Vue.js, 个人感觉很棒,所以整理了一篇博文做个介绍。 Vue读音/vju:/,和view类似。是一个数据驱动的web界面库。Vue.js只聚焦于视图层,可以很容易的和其他库整合。代码压缩后只有24kb。 ...
2017-03-21
mpvue 小程序如何开启下拉刷新,上拉加载?
https://developers.weixin.qq.com/miniprogram/dev/api/pulldown.html#onpulldownrefresh 小程序API 微信小程序之下拉加载和上拉刷新 微信小程序下拉加载和上拉...
2018-05-25
mpvue 小程序如何自定义tabBar,不使用navigateTo跳转,模拟redirectTo跳转
原生tabBar tabBar: { "list": [ { pagePath: "pages/index/main", iconPath: &...
2018-05-25
vue-video-player 更改视频源
背景:根据用户的信息来显示不同的视频源 <template> <div class="video-box-wrap" v-show="video.show"> ...
2018-05-05
在 mpvue 使用 echarts 小程序组件
具体操作 下载 echarts-for-weixin 。 把其 ec-canvas 目录移动到 mpvue 项目的 static 目录下。 对 ec-canvas/ec-canvas.js 进行小调整,考虑提 pr 到 ec-c...
2018-03-11
VuePress 快速踩坑
最近有个开源项目非常火,那就是尤小右开发的 VuePress,VuePress 可以让您非常方便的在 Markdown 文档中编写 Vue 代码,并且 VuePress 对编译后的 HTML 文件做了一些针对搜索引擎的优化。另外 VuePr...
2018-04-27
vue使用watch 观察路由变化,重新获取内容
问题背景: 点击用户头像 => 进入用户个人中心,在用户个人中心里点击其他用户的头像,我希望显示被点击用户的个人中心,但只看到了路由参数在发生变化,页面内容并没有更新。如图: 页面代码如下: <script> exp...
2017-03-13
自己参考两个仓库撸的通用的vue2.0+elementUI+多页面模板
A modern Vue.js multiple pages cli which uses Vue 2, Webpack3, and Element-UI Features Vue2 Webpack3 ElementUI Eslint(e...
2018-01-12
回到顶部