实战《实现对Arduino图像化编程》开发(二)完整项目

前言

过去了好长时间、一直在忙各种事情,没来的急写,所以这次一口气就将整个项目放上来供大家学习。

构建过程如下

安装依赖,命令如下:

cd demo-master/build/

npm install (或者 cnpm install)

安装串口模块,串口模块是Node的一个原生模块,在install之后,需要重新rebuild一下,命令如下:

sudo ./node_modules/.bin/electron-rebuild 

 编译压缩核心代码,这个也可以用webpakage之类的大包工具,我这里用的是 google-closure-compiler 本地代码编译,在src文件夹中有一个sh脚本,命令如下:

sh build.sh

项目调试时需要在demo-master/build/views/home.html中引用ly_uncompressed.js,这样引用的是src中的源码,当调试没问题时,编译完成后生成 ly_compressed.js,然后将ly_compressed.js拷贝到 demo-master/build/中,在demo-master/build/views/home.html中引用ly_compressed.js不在引用ly_uncompressed.js

打包发布运行行demo-master/build/package.json中的script

打包win:sudo electron-builder --win
打包mac:sudo electron-builder --mac
打包linux:sudo electron-builder --linux
打包树莓派等:sudo electron-builder --linux --arm64

补充说明:

(1)由于我们是对Arduino进行编译,所以需要调用Arduino的编译器,发现Arduino在逐渐舍弃Arduino-debug和Arduino-build,推介使用Arduino-cli(点击进入官网

(2)如需要修改blocks块在demo-master/build/arduino/blocks

(3)添加blocks转码demo-master/build/arduino/generator

(4)打包的时候将下载的arduino-cli必须命名为arduino,并且将arduino放置与demo-master在统计目录
目录结构如下图

 代码下载地址:

链接: https://pan.baidu.com/s/1zT0pk_IcZhVtM8wUeVFjDg  密码: k54p

打包后demo-下载地址:

链接: https://pan.baidu.com/s/1OcJ8yV912cexH2XsvSyHsw  密码: qqhk

猜你喜欢

转载自blog.csdn.net/weixin_43532890/article/details/122976335
今日推荐