Nebula Helper——使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手

本贴最后更新于 1337 天前,其中的信息可能已经时过境迁

使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手
A modern serial port debugging assistant implemented using Vue + Electron + node-serialport

项目地址

功能特性

  • 基础串口通信
  • 自动发送信息
  • 16 进制收发信息
  • 停止/恢复显示
  • 文件传输
  • 保存/加载配置信息
  • 刷新串口列表(手动刷新 视图-> 刷新串口列表)
  • 版本更新(不用每次下载完整的安装包,仅 app.asar 文件)

未来计划

  • 单片机程序下载(拷录程序到单片机)

开发指南

本项目使用 Electron + Vue + Node-serialport 实现,以下步骤是 windows 操作系统环境配置步骤,1-5 步为安装 node-gyp ,其他操作系统请参考官方教程

  1. 安装 LTS 版 NodeJS
  2. 安装 Python 2.7
  3. 安装 Visitor Studio 2017 及更高版本(我使用的是 2019)
  4. 执行 npm install node-gyp -g
  5. 执行 node-gyp list 查看依赖是否全部安装
  6. 执行 git clone https://github.com/rymcu/nebula-helper.git
  7. 执行 npm install
  8. 执行 npm run electron:serve

项目截图

nebula-helper.png

鸣谢

  • Electron :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
  • Vue 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • node-serialport Access serial ports with JavaScript. Linux, OSX and Windows. Welcome your robotic JavaScript overlords. Better yet, program them!
  • vue-cli-plugin-electron-builder Easily Build Your Vue.js App For Desktop With Electron
  • 串口调试助手
    1 引用
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    261 引用 • 662 回帖 • 3 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
3 操作
ronger 在 2020-07-30 15:39:34 置顶了该帖
ronger 在 2020-07-30 09:03:13 置顶了该帖
ronger 在 2020-07-29 23:08:45 置顶了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...