美文网首页
electron开发总结

electron开发总结

作者: 有时右逝 | 来源:发表于2020-08-06 22:16 被阅读0次

前言

能编写一个自己的桌面程序,是我的梦想。作为一个java程序员,使用java编写,相当痛苦。
electron完美解决了这个问题。今天归纳总结下核心的几个点。

本地环境

mac 10.15.5 (19F101)
node v13.11.0
npm v6.13.7
yarn install v0.22.0

问题

  • 下载electron慢的问题

使用国内源。

yarn config set registry https://registry.npm.taobao.org --global

有个小工具可以方便修改源。

安装
npm install -g yrm
列出清单
yrm ls
使用淘宝
yrm use taobao
测试淘宝速度
yrm test taobao

必须要说下,即使使用了国内源头,速度还是不咋样。不知道是不是我本地网络太差了。
还是某些依赖,淘宝的源没有。

2020-08-06 19:36:09 经过检查,公司网络不好。在家里很快就完成了。

  • 串口开发需要编译包的问题

先添加依赖。

yarn add electron --save
yarn add serialport --save
yarn add --save-dev electron-rebuild

再执行编译
./node_modules/.bin/electron-rebuild

此时将很快成功。之前我使用的比较老的版本,编译需要很久。

  • 打包成安装包的问题
    打包有2个方案。
 "electron-builder": "^22.7.0",
   "electron-packager": "^12.1.0",

个人推荐使用 electron-builder 这个我比较熟悉。
先安装依赖
yarn add electron-builder --dev

提供一份默认的配置

 "build": {
    "productName": "串口工具",
    "appId": "cn.wuwenfu.serialport",
    "directories": {
      "output": "build"
    },
    "dmg": {
      "contents": [{
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": {
      "icon": "assets/app-icon/mac/app.icns",
      "target": "dmg"
    },
    "win": {
      "icon": "assets/app-icon/win/app.ico"
    },
    "electronDownload": {
      "mirror": "https://npm.taobao.org/mirrors/electron/"
    }
  }

在根目录下执行 electron-builder 即可。

vue的整合

参考 https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

在这个开发中,其实困扰我最多的是环境本身。主要是网络不通导致下载依赖各种失败。

这里大家注意。

相关文章

网友评论

      本文标题:electron开发总结

      本文链接:https://www.haomeiwen.com/subject/odgzrktx.html