当前位置：首页 > news >正文

PinForge：一款通用的 MCU 图形化引脚配置器

news 2026/6/10 17:52:14

PinForge：一款通用的 MCU 图形化引脚配置器

前言

在嵌入式开发中，引脚配置是一个既重要又繁琐的工作。每个 MCU 都有几十甚至上百个引脚，每个引脚又可能有多个复用功能（MUX）。传统的做法是对着数据手册一张一张看引脚图，记录下每个引脚的分配，不仅效率低，还容易出错。

最近我开发了一个名为PinForge的工具，旨在解决这个痛点。它是一个完全在浏览器中运行的通用 MCU 引脚配置器，支持多种芯片封装、CSV/XLSX 导入导出、自动信号分组、图形化映射等功能。

项目特点

1. 通用 MCU 支持

PinForge 不绑定任何特定芯片，你可以：

导入现成的引脚数据表（CSV/XLSX）
从零开始创建芯片和引脚配置
支持 QFP/QFN、DIP、BGA 等多种封装布局

2. 智能信号分组

工具会根据信号名称自动进行分类，比如：

UART/USART 自动归类到「UART Serial」
SPI/QSPI 归类到「SPI / Flash」
CAN 信号归类到「CAN Bus」
ADC/DAC 分别归类

这让你在配置时可以按功能分组快速查找所需信号。

3. 图形化配置

可视化芯片引脚图，支持缩放和平移
点选引脚进行功能分配
实时检测引脚冲突
支持单信号和组模式配置

4. 数据导入导出

导入引脚数据表：CSV 或 XLSX（Excel）
导出配置：JSON 格式，保存完整的项目状态
导出引脚数据表：CSV 格式，可重复使用

技术栈

React 18 + Vite 5
Tailwind CSS
SheetJS (xlsx)：前端解析 Excel
Lucide React：图标库

快速上手

方式一：导入现有引脚数据

点击右上角「导入 CSV/XLSX」
左侧会自动生成外设/信号列表
开启「交互配置模式」后，选择信号并在芯片图上点击引脚完成映射
保存时可以选择「导出配置（JSON）」或「导出 CSV」

方式二：从零创建芯片

未导入数据时，在左侧选择封装类型与引脚数
点击「生成芯片图」
点击任意引脚，在右侧面板编辑管脚名、类型、电源以及复用字段
点击「导出 CSV」，得到可再次导入的引脚数据表

核心功能实现

CSV 解析器

为了正确处理带引号的 CSV 字段，我实现了一个简单的解析器：

functionparseCSVLine(text){constresult=[];letcurrent='';letinQuotes=false;for(leti=0;i<text.length;i++){constchar=text[i];if(char==='"'){inQuotes=!inQuotes;}elseif(char===','&&!inQuotes){result.push(current.trim());current='';}else{current+=char;}}result.push(current.trim());returnresult;}

智能信号分类

通过正则表达式和关键词匹配实现自动分类：

constcategorizeSignal=(sig)=>{if(!sig)return'Unknown';if(sig.includes('GMAC')||sig.includes('ETH')||sig.includes('MAC'))return'Ethernet';if(sig.includes('ADC'))return'Analog-to-Digital (ADC)';if(sig.includes('DAC'))return'Digital-to-Analog (DAC)';if(sig.includes('UART')||sig.includes('USART')||sig.includes('LPUART'))return'UART Serial';if(sig.includes('I2C')||sig.includes('IIC'))return'I2C Bus';if(sig.includes('SPI')||sig.includes('FSP')||sig.includes('QSPI'))return'SPI / Flash';// ... 更多分类return'Other Peripherals';};