这是一个基于electron的串口工具桌面应用，因为我在网上走了很多坑，都不成功，终于找到对的方法，编译成功了，这里讲下我的编译成功的方法。希望能够帮到大家
完整demo在demo目录中，包括编译好的node_modules，所以有点大
这里需要安装python 2.7的环境，记得是2.7，3的话是不行的。这里就不再展开python的安装过程，执行下载安装即可。
对于可以翻墙的同学用这个
npm i electron -g
由于下载过慢，所以我采用淘宝的镜像镜像安装cnpm，大家可以自行安装下cnpm，这里就不展开解释了 下面的操作都采用cnpm
cnpm i electron -g
cnpm install -g electron-prebuilt
官方文档的例子我就不在这里展开解释了，可以查看官方文档 https://electron.org.cn/doc/tutorial/quick-start.html
下载demo
git clone https://github.com/electron/electron-quick-start.git
安装模块
cnpm install
安装serialport
cnpm install --save serialport
安装electron-rebuild, 因为serialport是根据系统环境编译的，当我们安装时，我们编译的成的是系统环境的serialport，所以我们需要重新编译成eletron的环境，所以我们需要electron-rebuild
cnpm install --save-dev electron-rebuild
重新编译, 因为我当前版本的electron是1.7.10的，所以我们重新把模块编译成适应1.7.10的, 这里记得要根据你的electron版本编译
./node_modules/.bin/electron-rebuild -v 1.7.10
在index.html写我们的demo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<!-- All of the Node.js APIs are available in this renderer process. -->
We are using Node.js <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
<script>
// You can also require other files to run in this process
require('./renderer.js')
var serialport = require('serialport');
serialport.list(function(err, ports) {
console.log(ports);
});
</script>
</body>
</html>
效果
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent