Programming Arduino by VSCode

Ken Chen
4 min readDec 22, 2018

--

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 列就會出現開發板回傳的訊息。

--

--

Ken Chen

台北人。現職軟體開發者。主要領域為後端開發。喜歡電影藝術文學,偶爾寫點別的。想看更多的文章,可以到我的個人 Blog https://blog.kenwsc.com