“用 TypeScript、React 和 AI 工具構(gòu)建電子產(chǎn)品。”

tscircuit 讓電子開發(fā)如同 Web 開發(fā)般便捷。在您熟悉的 IDE 中編寫代碼，實(shí)時(shí)觀察代碼改動(dòng)生成電路設(shè)計(jì)。完成后，直接導(dǎo)出項(xiàng)目并投入生產(chǎn)！

什么是 tscircuit?

tscircuit 是一個(gè)由注冊(cè)中心、包管理器、命令行工具和 AI 電子設(shè)計(jì)套件共同支持的開發(fā)庫，它能輕松實(shí)現(xiàn)電子電路的創(chuàng)建、共享、導(dǎo)出與生產(chǎn)制造。該庫通過React Fiber 引擎將電路設(shè)計(jì)實(shí)時(shí)渲染為網(wǎng)頁可視化界面。

你可以將 tscircuit 視為"電子領(lǐng)域的 React"—— 它允許開發(fā)者使用 TypeScript 和 React 設(shè)計(jì)真實(shí)世界的電子電路。其開發(fā)范式并非創(chuàng)建 "div" 等網(wǎng)頁元素，而是定義 "芯片"、"電阻" 或 "電容" 等電路元件，最終渲染輸出的也不是網(wǎng)站，而是 3D 的電路（可直接下單生產(chǎn)）！

通過 tscircuit，你甚至能設(shè)計(jì)出具備完整功能的鍵盤電路！完成設(shè)計(jì)后，可直接將方案導(dǎo)出至合作制造商，訂購真實(shí)可用的電路板成品。

樣例

一個(gè) wifi 的測試板。可以點(diǎn)擊以下鏈接直接查看：

https://tscircuit.com/seveibar/wifi-test-board-1#files ts 的代碼：

import{Reg5vTo3v3 }from"@tsci/seveibar.reg-5v-to-3v"import{ useESP32_S3_MINI_1_N8 }from"@tsci/seveibar.esp32-s3-mini-1-n8"import{ useUsbC }from"@tsci/seveibar.smd-usb-c"import{ useResistor }from"@tscircuit/core"exportdefault() => {constUsb=useUsbC("USB")constEsp32=useESP32_S3_MINI_1_N8("U1")constR1=useResistor("R1", {resistance:"5.1k",footprint:"0402"})constR2=useResistor("R2", {resistance:"5.1k",footprint:"0402"})
return(             )}

對(duì)應(yīng)的原理圖：

對(duì)應(yīng)的 PCB：

渲染的 3D：

如何使用？

可以使用tsci命令行工具完成tscircuit的所有操作。

npminstall -g tscircuittsci dev

打開瀏覽器：http://localhost:3020

從其它EDA工具中導(dǎo)入器件庫

tscircuit 目前支持將立創(chuàng)eda 和 KiCad 的器件庫導(dǎo)入成 tscircuit 的格式：

原理圖/PCB 自動(dòng)布線

您可以使用schAutoLayoutEnabled和pcbAutoLayoutEnabled兩種工具自動(dòng)布局原理圖和 PCB。

import{SmdDiode}from"@tsci/seveibar.SmdDiode"import{Key}from"@tsci/seveibar.Key"import{Pico2}from"@tsci/seveibar.pico2"constrowToMicroPin = {0:"GP0",1:"GP1",2:"GP10",}constcolToMicroPin = {0:"GP19",1:"GP17",2:"GP5",}exportdefault() => ( {grid({ sizeX: 3, sizeY: 3, pitch: 19.05, offset: { x: 20, y: 0 } }).map(  ({ x, y, row, col }, index) => {   const schOffX = 5 + x/6   const schOffY = -y / 8   return (                             )  } )})functiongrid(opts: {sizeX:numbersizeY:numberpitch:numberoffset?: { x:number; y:number}}):Array<{?x:?number;?y:?number;?row:?number;?col:?number?}> {const{ sizeX, sizeY, pitch, offset = {x:0,y:0} } = optsconstpoints:Array<{?x:?number;?y:?number;?row:?number;?col:?number?}> = []conststartX = (-(sizeX -1) * pitch) /2conststartY = (-(sizeY -1) * pitch) /2for(letrow =0; row < sizeY; row++) {??for?(let?col =?0; col < sizeX; col++) {? ? points.push({? ? ??x: startX + col * pitch + offset.x,? ? ??y: startY + row * pitch + offset.y,? ? ? row,? ? ? col,? ? })? }}return?points}

對(duì)自動(dòng)布線有興趣的小伙伴可以看一下 tscircuit 的這個(gè)倉庫： https://github.com/tscircuit/schematic-autolayout 在線封裝查看器 tscircuit 還支持了一個(gè)子項(xiàng)目，可以在 Web 中查看元器件符號(hào)和封裝： https://tscircuit.github.io/kicad-viewer

倉庫 & Playground tscircuit 的完整倉庫在這里： https://github.com/tscircuit/tscircuit 使用 MIT 的 License，完全開源了，倉庫里有不少有意思的項(xiàng)目，比如在線封裝查看器、自動(dòng)布線器等等 如果您不想本地安裝，也可以在 Playground 在線體驗(yàn)一下： https://tscircuit.com/editor 結(jié)束語 如果您看到這兒，肯定會(huì)問：tscircuit 是否會(huì)取代現(xiàn)有的 PCB 工具？ 我的觀點(diǎn)是目前階段還不行，畢竟 tscircuit 只能實(shí)現(xiàn)一些基礎(chǔ)的操作，實(shí)現(xiàn)一些簡單的板子；如果項(xiàng)目稍微復(fù)雜一點(diǎn)，整體效率肯定不如成熟的 EDA 工具。 但 tscircuit 同樣是一個(gè)非常有意思的項(xiàng)目，它用文本（ts）來描述原理圖和PCB，這在 AI 時(shí)代是一種很有價(jià)值和想象空間的嘗試，同時(shí) tscircuit 使用了 React Fiber 技術(shù)，實(shí)現(xiàn)了基于 Web 的在線渲染，使設(shè)計(jì)不需要借助其他應(yīng)用就實(shí)現(xiàn)了可視化，與類似 skidl 的項(xiàng)目相比，師一個(gè)明顯的優(yōu)勢，可以讓設(shè)計(jì)師從基于 GUI 的設(shè)計(jì)->基于代碼的設(shè)計(jì)過渡得更自然。 那么在不久的未來，AI 是否可以取代人類工程師，進(jìn)行原理圖和 PCB 的設(shè)計(jì)呢？