前言

能编写一个自己的桌面程序，是我的梦想。作为一个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/

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

这里大家注意。