
領略 AI 助力下的 Web:Bit 新體驗!現在,就從最簡單的一句口語化指令開始,讓 AI 幫你把想法迅速變成現實,一起來了解怎麼使用 Web:Bit 與 AI 進行愉快的氛圍程式設計 ( Vibe Coding ) 吧!
一、更換 MicroPython 韌體
將 Web:Bit V2 開發板使用 USB 連接電腦。
前往 Web:Bit V2 韌體燒錄教學,燒錄結束後,再回來進行後續步驟。
目前僅支援 Web:Bit V2 版本。
二、安裝 Thonny IDE
前往 Thonny IDE 官網下載,選擇自己的電腦系統版本 ( Mac 或 Windows )。
下載對應電腦系統版本。
安裝至電腦。
第三步、在 Thonny IDE 使用 Web:Bit
開啟 Thonny IDE 。
在上方工具欄找到並點選 Tools -> Options…。
進入 Options,切換至「 Interpreter 」頁面,點開第一個下拉選單,選擇「 MicroPython (ESP32) 」或 「 MicroPython (ESP8266) 」皆可,完成後點擊 OK 回到程式編輯頁面。
檢查右下方連接選項是否為 ESP32 或 ESP8266 。
複製下方程式
import uasyncio
from webduino.webbit import WebBit
async def main():
wbit = WebBit(mqtt=False)
wbit.matrix(0, 0, 100, "happy")
while True:
await uasyncio.sleep_ms(100)
uasyncio.run(main())
貼到程式編輯區,點擊「執行程式」。等待開發板亮紅燈並發出聲音代表開始執行程式。
看到開發板顯示藍色笑臉表示執行成功,接著就可以到 Google AI Studio 進行氛圍程式設計囉!
四、使用 Google AI Studio 編寫 Web:Bit 程式
前往 Google AI Studio。
開啟 Web:Bit API 文件,複製所有內容。
點選「系統指令」,貼上文件內容,再次點選圖示關閉。
接著,在底下輸入指令。例如:讓 LED 螢幕每秒亮不同顏色的燈。輸入完畢點選「 Run ⏎ 」。
Google AI Studio 就會開始分析文件內容與你下達的指令,產生對應的回答。
當 AI 思考完成,往下滑到程式碼下方,點選複製按鈕,將程式複製下來。
接著,回到 Thonny IDE 貼上程式並點擊執行。( 記得先清掉剛剛測試的笑臉程式唷! )
就可以看到程式執行效果囉!

小提醒:若要回到 Web:Bit 教育版使用,請前往 Web:Bit V2 韌體燒錄教學 。