electron-vue实现与硬件进行串口通信

背景:项目需求,在electron桌面应用中,实现与硬件进行串口通信,一番调研,选择了契合度高的serialport

插件地址:Node Serialport

插件选择好了,接下来就是集成实现功能,它这个集成是有坑的 因为版本的问题,导致在集成完后报错

在网上查了各种错误,最终总结为以下步骤:

  • 前置条件

1.确保你的电脑中装有python环境,并且环境为2.7(很重要)

2.安装

npm install --global --production windows-build-tools

3.安装node-gyp

node-gyp npm install -g node-gyp

  • 安装

1.安装serialport

npm install --save serialport

2.安装rebuild(请注意这步,使用了cnpm而不是npm *cnpm:npm 的淘宝镜像,可以查一下怎么用)

cnpm install --save-dev electron-rebuild

3.最后直接在cmd中执行,等待完成即可

.\node_modules\.bin\electron-rebuild.cmd
  • 在你的electron app中使用
     beforeMount () {
        SerialPort.list().then((ports) => {
            console.log(ports);
        });
      },

    结束语:以上步骤经过本人的一步步试验,已经完美避过各种花里胡哨的版本不兼容的坑。希望能帮看到的你节省时间,完成你需要的功能。

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