前提：有正常可以运行的vue项目，安装了vue-cli

1. 新建一个简单的electron-vue项目
   vue init simulatedgreg/electron-vue my-project
2. 把原有项目package.json的dependencies，devDependencies中不同的配置项，添加到 my-project 的package.json中
3. 把vue项目src的内容全部拷贝到 my-project/src/renderer 中
4. 安装依赖 npm install
5. 运行 npm run dev 就可以看到跑起来的客户端
6. 打包 npm run build 项目的安装文件放进build里面，执行.exe文件就可以安装了（build文件有点大）

到这里就完成了vue项目的迁移

项目需要读取串口数据，查了下资料发现node-SerialPort可以实现串口通信

下面是serialPort的安装方法
首先安装 serialport npm install serialport -save
w3school有完整教程 使用Electron原生模块，这里做一下说明
electron官方提供三种方法，我用的是第一种

1. 通过 electron-rebuild 包重新编译原生模块
   npm install --save-dev electron-rebuild

2. 同样接着在命令行跑下面语句（直接跑命令行）
   ./node_modules/.bin/electron-rebuild``./node_modules/.bin/electron-rebuild
   在windows下跑这个：
   .\node_modules\.bin\electron-rebuild.cmd

3. 这样就算安装好了，直接在.html或者.vue文件引入就可使用

   import serialport from 'serialport'
   //或
   var serialport = require("serialport").serialport;
   //...
   serialport.list().then(
       ports => {
           console.log(ports)
       }
   )
   

   ports就是串口信息