electron-vue项目使用串口工具serialport

第一步:配置环境
安装Python2.7 配置环境变量(官网下载)看网上说明必须是2.7版本,3不支持

  1. 下载 : https://www.python.org/downloads/
    electron-vue项目使用串口工具serialport_第1张图片
    配置环境变量:
    electron-vue项目使用串口工具serialport_第2张图片

2.安装 npm install --global --production windows-build-tools
3.安装node-gyp npm install -g node-gyp
第二步:安装
1.安装serialport npm install --save serialport
2.安装electron-rebuild npm install --save-dev electron-rebuild
3.重新编译(直接输入命令): .\node_modules\.bin\electron-rebuild.cmd
第三步:引入使用
import serialport from ‘serialport’
serialport.list().then(
  ports => {
    //ports 串口
    console.log(ports)
  }
)

gitHUB:https://github.com/junhuanchen/electron-vue-serialport

网速慢的终极解决方案
npm 安装 node-sass 网速慢的 可以 运行 npm config set registry https://registry.npm.taobao.org
然后 编辑 ~/.npmrc 加入下面内容(C盘用户目录下,C:\Users\用户名 有个.npmrc文件)
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

打包的坑:
https://segmentfault.com/a/1190000018533945

打包请停止dev运行

electon A dynamic link library (DLL) initialization routine failed.
electron-builder install-app-deps

打包时无法载包,请替换改制定路径的文件(C:\Users\用户名\AppData\Local\electron-builder\cache)
文件下载(百度网盘): https://pan.baidu.com/s/1DGCoeOJ9SdUO4UTbn2PUlw
提取码:m373

示例代码

你可能感兴趣的:(VUE,node.js,vue.js,node.js)