tscircuit - 电子电路的React框架
tscircuit
3/5
🧩 软硬件结合
已发布
项目简介
Create real electronics with Typescript and React
tscircuit是一个革命性的开源项目，它将电子电路设计带入了前端开发时代。项目的核心理念是"React for Circuits"——让开发者用TypeScript和React语法来设计真实的电子电路，就像开发网页一样直观高效。
标签
项目特点
**React式电路设计**：使用TypeScript和React语法定义电路组件，降低学习曲线
**实时预览**：在浏览器中实时查看PCB和原理图变化
**一键导出制造文件**：支持导出Gerber、Pick'n'Place和BOM文件用于生产
**包管理器集成**：通过 `tsci add` 添加注册表包，`tsci push` 发布子包
**自动布线**：可扩展的自动布线算法，支持原理图和PCB走线
**AI辅助设计**：支持从文本生成封装（footprint）
**第三方集成**：可导入KiCad等第三方网站的封装和组件
**开源免费**：MIT许可证，完全免费使用
技术规格
| 编程语言 | TypeScript |
|---|---|
| 框架依赖 | React, React Fiber |
| 渲染目标 | PCB、原理图、3D电路 |
| 输出格式 | Gerber、Pick'n'Place、BOM |
| 包管理 | npm / tscircuit registry |
| 许可证 | MIT |
| 主要作者 | @seveibar |
| 开发状态 | 活跃开发中 |
项目资源
搜索资源
物料清单 (BOM)
| 物料名称 | 数量 | 参考价格 | 备注 |
|---|---|---|---|
| Node.js | 1 | — | 运行环境 |
| npm | 1 | — | 包管理器 |
| tscircuit CLI | 1 | — | 通过 `npm install -g tscircuit` 安装 |
| 浏览器 | 1 | — | 预览电路（默认localhost:3020） |
| IDE | 1 | — | 推荐VS Code等支持TypeScript的编辑器 |
能力画像
⚪ 记忆与知识检索: 1/5
🔵 逻辑推演: 3/5
⚪ 表达与交流: 1/5
⚪ 感知与观察: 1/5
🔵 数理与计算: 3/5
🔵 动手与操作: 2/5
⚪ 狂热与坚持: 1/5
🔵 创造与创新: 4/5
项目图库
视频
所需技能
🔧 **动手能力**：基础的电子电路知识，理解PCB设计概念（封装、走线、原理图）
💻 **编程能力**：TypeScript/React开发经验，熟悉npm包管理，命令行操作
⚡ **电子电路**：了解基本电子元件（电阻、电容、芯片等），熟悉PCB制造流程者更佳
适用场景
**快速原型开发**：用代码快速设计并迭代电路板，适合创客和硬件创业者
**教育与学习**：通过代码学习电子电路设计，降低硬件入门门槛
**开源硬件项目**：在GitHub上协作开发硬件设计，利用版本控制管理电路版本
**自动化设计流程**：结合CI/CD自动生成制造文件，实现硬件设计的持续集成
**AI辅助设计**：利用AI从文本生成封装，加速设计流程