使用MakeCode for micro:bit, 使用mBlock v5開發micro:bit程式, 使用Mu editor開發micro:bit程式, 使用TinkerCAD micro:bit模擬器

1. IDE for micro:bit
Revised on March 6, 2021
 使用MakeCode for micro:bit
 使用mBlock v5開發micro:bit程式
 使用Mu editor開發micro:bit程式
 使用TinkerCAD micro:bit模擬器

2.  MakeCode是Microsoft的micro:bit編程工具，可使用積木指令、
JavaScript或MicroPython指令開發應用程式，有單機版與線上版
 Makecode線上編輯器
 https://makecode.microbit.org/
 Makecode單機版
 Microsoft Store搜尋Makecode App，或
 https://makecode.microbit.org/offline-app
 內建micro:bit模擬器
使用MakeCode for micro:bit 1/6
2

3.  https://makecode.microbit.org
使用MakeCode for micro:bit 2/6
滙入Github repo URL或程式檔(mkcd或hex檔)
3

4. 使用MakeCode for micro:bit 3/6
啟動模擬器
micro:bit模擬器
指令分類
重啟模擬器
程式作業區
(拖曳組合積木指令)
4
積木指令模式
返回主畫面
將hex檔儲存到本機
將程式下載到micro:bit控制板
本文指令模式(JavaScript或Python)

5. 使用MakeCode for micro:bit 4/6
5
JavaScript指令模式
除錯模式 靜音
全屏顯示

6. 使用MakeCode for micro:bit 5/6
6
Python指令模式

7.  將hex檔傳送到MICROBIT磁碟機也可執行程式燒錄作業
使用MakeCode for micro:bit 6/6
7

8.  mBlock v5是Makeblock公司⼀款⽀援多種微控制器開發板的程式編
輯器，提供Web版本、PC版本及平板電腦版本
 https://www.mblock.cc/en-us/download
 除了Makeblock自家產品，也⽀援Arduino、micro:bit、ESP8266、
ESP32等開發板
 可使用積木指令或Python指令
使用mBlock v5開發micro:bit程式 1/6
8

9.  下載：https://www.mblock.cc/en-us/download
 添加microbit設備
使用mBlock v5開發micro:bit程式 2/6
點擊添加
9

10.  編輯程式(積木指令模式)
使用mBlock v5開發micro:bit程式 3/6
檢視對應的Python程式碼
程式作業區
(拖曳組合積木指令)
指令分類(採用顏色管理)
積木指令
10

11.  可檢視積木指令對照之python程式碼
使用mBlock v5開發micro:bit程式 4/6
11

12.  編輯程式(Python指令模式)
使用mBlock v5開發micro:bit程式 5/6
12

13.  上傳程式
使用mBlock v5開發micro:bit程式 6/6
點擊上傳
13

14.  Mu editor是⼀款Python程式編輯，⽀援micro:bit程式開發
 ⽀援IntelliSense輔助編輯
 https://codewith.mu/en/download
 選擇使用「BBC micro:bit」模式
使用Mu editor開發micro:bit程式 1/3
14

15. 使用Mu editor開發micro:bit程式 2/3
模式選擇 燒錄程式 檢查語法
程式編輯區(支援IntelliSense輔助編輯)
15

16. 使用Mu editor開發micro:bit程式 3/3
16
REPL作業模式(Read-Eval-Print Loop)

17.  AUTODESK公司的線上免費3D設計及電路設計軟體
 ⽀援Arduino Uno及micro:bit應用系統設計及程式模擬
 https://www.tinkercad.com/
使用TinkerCAD micro:bit模擬器 1/6
17

18. 使用TinkerCAD micro:bit模擬器 2/6
18
專案用來分類管理你的電路設計
新增電路設計

19. 使用TinkerCAD micro:bit模擬器 3/6
19
檢視零件清單
電子零件區
電路佈線區
(滑鼠滾輪或Ctrl +/-放大縮小檢視)
自動調整電路大小
拖曳零件到電路佈線區
返回主頁面
檢視基本元件/全部元件/入門電路
電路名稱，直接點擊修改

20. 使用TinkerCAD micro:bit模擬器 4/6
20
修改零件屬性
刪除零件(或按Delete鍵)
順時針旋轉零件30〫，同時按著Shift鍵
則逆時針旋轉
加入註解
切換檢視/隱藏註解

21. 使用TinkerCAD micro:bit模擬器 5/6
21
編輯程式碼
下載hex檔
程式作業區

22. 使用TinkerCAD micro:bit模擬器 6/6
22
可操作互動，驗證程式碼