前言
能编写一个自己的桌面程序,是我的梦想。作为一个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/
在这个开发中,其实困扰我最多的是环境本身。主要是网络不通导致下载依赖各种失败。
这里大家注意。
网友评论