搭建electron-vue项目,并使用serialport库调用串口

2,153 阅读1分钟

1.前期准备工作

  1. 首先电脑需要安装node.js 下载地址nodejs.org/zh-cn/

验证安装成功 打开cmd 输入node --version 出现node版本号即为安装成功

同时可以查看npm版本 在cmd中输入npm -v

  1. 通过npm安装cnpm 指令为:npm install -g cnpm --registry=registry.npm.taobao.org

验证:在cnpm -v查看版本

  1. npm install -g vue-cli 全局安装脚手架
  2. 新建electron-vue项目 vue init simulatedgreg/electron-vue vue-markdown
  3. 安装依赖并运行你的程序

cd vue-markdown

yarn # 或者 npm install

yarn run dev # 或者 npm run dev

截图.png

出现这个,证明项目创建成功

接下来就是serialport的安装

  1. 前提条件特别重要

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

www.runoob.com/python/pyth…(安装步骤)

2.安装 npm install --global --production windows-build-tools 或者直接visualstudio.microsoft.com/zh-hans/tha…在这里下载安装(建议后者)

3.安装node-gyp: npm install -g node-gyp

  1. 安装serialport:cnpm install serialport --save-dev
  2. 安装electron-rebuild:cnpm install --save-dev electron-rebuild
  3. 编译:.\node_modules.bin\electron-rebuild.cmd

截图 (1).png 配置成功 可以进行开发

www.freesion.com/article/320… 文件

segmentfault.com/a/119000002… serialport.io/docs/guide-… seriaport库的官方文档 blog.csdn.net/qq_42581563… 学习文件