[Micro Bit 系列] 認識圖形化積木方塊程式 IDE 開發工具，以微軟 MakeCode 為例

看過 上一篇 文章，應該已經知道了什麼是 Micro:bit，接著介紹如何開始寫程式，在以前要控制一塊開發板，首先必須要先寫程式(要先學會程式語言，一般來說是 C / C++ 語言)，然後將寫好的程式燒到控制晶片中，當然 Micro:bit 的流程也不例外，但畢竟是要推廣到中小學生的開發板，因此在開發流程上進行了兩個跟以往很不同的優化。

積木方塊程式設計

Micro:bit 提供了 JavaScript、Python、Block Editor 等幾種編輯方式，若是主要目的是要訓練孩子的邏輯能力而不是編碼的能力，可以選擇使用圖形化積木方塊拖拉的方式來引導，此階段可以完全不需要撰寫程式碼。

 

USB 取代晶片燒錄器

有別於以前的韌體開發，Micro:bit 提供了 USB 的接口，並且支援了 Windows、Mac OS、Chrome OS、Linux 等主流系統。透過 USB 和電腦連接，學生可以輕易地將自己設計好的程式，更新到晶片當中，讓教學者和孩子都可以專注於邏輯的訓練，不需要再額外的處理燒錄程式的產生的一堆硬體連接等相關問題，也讓入門的門檻可以大幅地降低(除非連電腦連接 USB 都不會)。

---

認識 MakeCode
MakeCode 編輯器是由 Microsoft 提供使用拖拉圖形化程式積木(JavaScript Blocks Editor) 來撰寫 Micro:bit 的線上工具，該網站上面提供的許多愛好者設計好的積木範例，提供給初學者參考，對於剛入門的學習者是一個相當友善的開發平台，下圖是 MakeCode 軟體介面的示意圖，接下來就來說明一下幾個常用的作用區域的目的。

1. 返回專案主目錄的按鈕，來新增或者打開現有的專案。
2. Micro:bit Simulator (模擬器)，當你改變積木程式時，模擬器會立刻顯示編譯後的結果。
3. 隱藏或顯示模擬器區顯示區域。
4. 用積木或者使用 JavaScript 來編輯程式的切換開關。
5. 程式編輯區域，可從右方的積木方塊拖拉到此處進行組合。
6. 程式積木工具箱，用於放置所有可用功能的程式積木。
7. 下載你的程式到電腦或 Micro:bit 當中(需先配對)。
8. 儲存和命名你的積木程式專案。

一般來說，只要確認模擬器上面的操作顯示方式是如你預期的顯示方式，就可以將完成的程式編碼更新到 Micro:bit 當中，目前有兩種方式更新。

下載程式碼

直接點選下載或儲存按鈕，會將編譯好的程式碼檔案 xxxx.hex 下載到你的電腦端，此時再使用 USB 連接電腦與 Micro:bit (會出現 MICROBIT 的磁碟機)，再將剛剛的程式碼拖進該磁碟機當中，適用於需要保存程式碼的時候。

直接更新

有別於剛剛下載檔案在更新到 USB 磁碟機當中，這個使用情境更適合用在需要頻繁驗證程式的開發階段(例如無法使用模擬器確認的紅外線發射器設備的驗證)。

1. 首先使用 USB 連接 Micro:bit 裝置。
2. 選擇右上方齒輪開啟選單，選擇配對裝置，會出現下圖的的設定頁面，在確認連接 USB 後按下配對裝置。
3. 會跳出一個視窗選擇要配對的 Micro:bit 裝置，確認配對。
4. 此時再回到原本的頁面按下載，程式會立即更新到 Micro:bit 中。

本篇文章簡單的介紹一下，Microsoft 提供的 Make Code 的開發介面和其使用方式，下一篇要來實際體驗一下用拖拉的方式來寫程式。 

系列文章

[Micro Bit 系列] 初探 Micro:bit