VSCode 有提供 Arduino 的 extension,讓 user 可以直接在 VSCode 編程、測試,如果需要 Intellisense 或自動 Formatting,VSCode 是個不錯的 Editor 選擇。
要建立 Arduino 的開發環境,首先要安裝 Arduino IDE,沒安裝的可到官網下載,VSCode 的 extension 僅僅是提供接口,主要程序仍需要 Arduino 來執行。
安裝好 Arduino IDE 後,緊接著安裝 VSCode 的 Arduino extension。打開 VSCode 的插件管理頁面,選擇最多人安裝的 Arduino 插件
安裝後的 extension 還需要設定,如果常常使用 VSCode 安裝插件的人應該不陌生,可以選擇由 File>Preferences>Settings
進入或直接打開 settings.json
,在設定檔中加入
"arduino.path": "C:/Program Files (x86)/Arduino"
加入這條設定,是為了讓 extension 知道 Arduino 執行檔的位置,方便呼叫執行檔。
這時我們用 VSCode 開啟 Arduino 的原始碼,例如 example.ino
,應該會有 Highlight 效果,然而為了將程式碼編譯上傳到板子,還有一些設定要進行。我們先用 USB 連接開發板與主機,點選 VSCode 畫面右下角的選項,首先是選擇 Serial Port:
如果不確定 Serial Port,可以用裝置管理員查看,或者直接拔掉 USB 線,比對插上前後多了哪個 Port。
接著選擇 Baudrate,依照實際使用狀況來選,這邊是選 115200
。
再來是 Board Type,同樣依照實際用的開發板來選,這邊是用 Arduino UNO
設定完成後,可以按 F1
選擇 Arduino: Upload
(當然也可以用快捷鍵 Ctrl+Alt+U
),就能將寫好的程式編譯並上傳
VSCode 的 OUTPUT 列可以看到上傳的訊息
Loading configuration...Initializing packages...Preparing boards...Verifying......Sketch uses 7072 bytes (21%) of program storage space. Maximum is 32256 bytes.Global variables use 536 bytes (26%) of dynamic memory, leaving 1512 bytes for local variables. Maximum is 2048 bytes.Uploading...[Done] Uploaded the sketch: ScrumClock.ino
除了 Coding 跟 Programming 外,我們有時還需要接收板子回來的訊息,像是如果有在程式碼中安插 Log,會需要監聽 Serial Port。這裡同樣點開畫面右下角的 Open Serial Monitor
,OUTPUT 列就會出現開發板回傳的訊息。