Go to Qiita Advent Calendar 2024 Top
LoginSignup
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@kotek(kotek)

⚙️VSCodeでArduino開発をしよう⚙️

Last updated at Posted at 2024-12-18

はじめに🦀

Arduino IDEは2.0💫に進化して、内部でVSCodeが動くようになったおかげで、補完もショートカットも効いてとっても便利になりました。

でも………まだ物足りない！！！っていう人もいますよね？？？
僕は普段VSCode-Neovimを使って開発してるので、jkhlで移動できないとつらい気持ちになります。1

そんなあなたのために！こちら！(後ほど導入します)

😎VSCode Arduino😎

VSCode上でArduinoに書き込み、シリアル入出力など、Arduino IDEができることは大抵できちゃう超Coolなスグレモノです。

以前はMicrosoftが公式にサポートしていた拡張機能だったのですが、2024/10/1ほどにサポート終了のアナウンスがあったので、今回導入するのはコミュニティによるForkになります。
(↓のIssue参照)

正式名称は"Arduino Community Edition"、でいいのかな……………？もともとのMicrosoftによる拡張機能の名称はArduinoでしたが、どちらも分かりにくいので以下、VSCode Arduinoとしましょう。

導入環境

OS: Windows 11
ボード: Arduino Uno R3

(今回導入する)ツール:
Visual Studio Code 1.96.0
Arduino IDE 2.3.4
Arduino CLI 1.1.1

(今回導入する)拡張機能:
Arduino Community Edition 0.7.2
C/C++ 1.23.2

Arduino IDE、Arduino CLIのインストール

流石にみなさん、Arduino IDEは導入済みですよね……❓️
まだの方は↓からインストールしましょう。今回導入するのはArduino IDE 2.3.4です。

「とっくに入ってるわ！！💥🔫」って方も、大丈夫です。
良い機会なので、最新版を使ってるか確認してみましょう……………(Arduino IDEのメニューバーのヘルプボタンからアップデートを確認できます。)

さて、Arduino CLIですが、聞いたことないよって方も多いかと思います。これは、Arduinoへの書き込みなどをコマンドライン上で行えるツールです。VSCode Arduinoはこれを使って動いているわけですね！

実はArduino-CLIのバイナリは、VSCode-Arduinoの拡張機能にバンドルされていて、別に個別にインストールしなくても動くようですが、なんとなく美学に反するのでここではローカルにも入れることにします……。2
(ここでは拡張機能をローカルのArduino CLIを使うように設定します！)

それではインストールしましょう。今回は現在の最新版であるArduino CLI 1.1.1を導入します。
↓にインストール方法とダウンロードリンクがあります。手順通りにすすめましょう💪

下のコマンドを実行して返答が帰って来ればインストール成功です！🎉🎉🎉🎉🎉

arduino-cli version

arduino-cli  Version: 1.1.1 Commit: fa6eafcb Date: 2024-11-22T09:31:38Z

VSCode Arduino、C/C++拡張機能のインストール

VSCode Arduinoのインストール

それではいよいよ、まず👑VSCode Arduino👑をインストールしましょう！今回インストールするのは、現在最新版のArduino Community Edition 0.7.2です。
VSCodeの左の拡張機能パネルの検索欄に"Arduino"と入力して、Arduino Community Editionをインストールしましょう。
(前述の通り、Arduino Community EditionはMicrosoftによるサポートが終了してしまった"Arduino"という名前の拡張機能の、コミュニティによるFork Editionです。)

image.png

下のリンクからもインストールできます。

C/C++拡張機能のインストール

次に、C/C++の拡張機能もインストールしましょう！ArduinoはC/C++ベースでプログラミングをするので、補完などLSPの機能を利用するのに必要です。

拡張機能パネルでC/C++と入力してインストールしましょう！今回はC/C++ 1.23.2をインストールします。

image.png

リンクも貼っておきます。

拡張機能の設定

さて、いよいよ鬼門です。ここ最近の拡張機能やIDEの状況の変化でかなり環境が変わっているので、しっかり公式ドキュメントを読みながら進めましょう。

VSCode Arduinoの設定

VSCodeでCtrl+,から設定を開き、"Arduino"と検索して拡張機能の設定を開きましょう。
変更するのは以下の4箇所です。

  • Arduino: Use Arduino CLI
  • Arduino: Path
  • Arduino: Command Path
  • Arduino: Disable Intelli Sense Auto Gen

各オプションの説明はVSCodeの設定画面に(英語ですが)書いてある他、下の記事でも解説されています🤲🤲🤲

ここでは今回設定するオプションと設定値の例について、それぞれ解説していきます。

Arduino: Use Arduino CLI

設定値: true
Arduino IDEの代わりにArduino CLIを使うかどうかの設定です。ドキュメントではArduino IDEの使用は非推奨なので大人しくチェックを入れておきましょう………🌊🏄

Arduino: Path

設定値: C:\Program Files\Arduino CLI

Arduinoのパスを指定します。説明には"Path to Arduino"と書いてありますが、Arduino CLIのディレクトリへのパスを指定してください！(多分)
インストール場所は人によって違う可能性があるので注意してください。Arduino CLIのインストール場所は下のコマンドで見れます。

powershell
Get-Command arduino-cli
mac/linux
which arduino-cli

🧙‍♂️ < ずっとVSCodeからボードマネージャが開けなくて、なんだろうなんだろうと思っていたのですが、ここをArduino IDEのパスからArduino CLIのパスに変えたら動きました…………(体験談)

Arduino: Command Path

設定値: arduino-cli.exe

ここにはArduinoの実行ファイルのパスを指定します。説明には"Path to a script relative to 'arduino.path'"って書いてありますが、よく分からなかったのでArduino: Pathと同じようにarduino-cli.exeを指定したら動きました🤯

こことArduino: Pathを空白にすると拡張機能にバンドルされたarduino-cliが動作するそうです。3

Arduino: Disable Intelli Sense Auto Gen

設定値: true

Intelli Sense(=補完機能)によって自動的に作られるc_cpp_properties.jsonなどの設定ファイルを、自動的に作成されないようにします。
補完の履歴なんかが保存されるのかな…？よく分からないけれど、falseのままでもちゃんと動く気がします。

その他の設定

Arduino: Additional Urls

M5Stackなどで開発してて、サードパーティのボードマネージャが必要な人は、ここにそのurlを追加します。僕はArduino UNO R3なのでここは空っぽです。

settings.json

ここまでの内容をsettings.jsonに書くと、以下のようになります。

settings.json
{
    "arduino.disableIntelliSenseAutoGen": true,
    "arduino.useArduinoCli": true,
    "arduino.commandPath": "arduino-cli.exe",
    "arduino.path": "C:\\Program Files\\Arduino CLI",
}

一旦動かしてみる🚂

おめでとうございます🎉🎉🎉🎉🎉
ここまで設定した勇者のみなさんは見事Arduino IDEの機能をVSCodeで使うことができます。

↓こんな画面
image.png

試しにお手元のArduinoをUSBで接続して、VSCodeからCtrl+Shift+pで次のコマンドを実行していつもの機能を体験してみましょう！
(それぞれの機能は対応するGUIでも操作できます)

Arduino: Select Serial Port

シリアルポートを選択します。COM3を選びました。

Arduino: Board Manager

選択するとボードマネージャを選ぶ新しいタブが開きます。対応するボードマネージャを選びましょう。

Arduino: Open Serial Monitor

シリアルモニターを開きます。

Arduino: Verify

スケッチをコンパイルします。

Arduino: Upload

スケッチをArduinoに書き込みます❗️

[Warning] Output path is not specified. Unable to reuse previously compiled files. の警告が出る場合⚠️

この状態でスケッチをコンパイルしてビルドすると、[Warning] Output path is not specified. Unable to reuse previously compiled files. という警告が出ることがあります。別に書き込みは問題なくできますが、気になる方はプロジェクトフォルダ内の.vscode/arduino.jsonに以下のように追記しましょう。

arduino.json
{
  "port": "COM4",
  "board": "arduino:avr:uno",
  "sketch": "SerialTest01.ino",
+ "output": "./build"
}

これで警告も消し去ることができます！
(これって新しいスケッチのたびに追記しなきゃいけないんですかね…？)

C/C++拡張機能の設定

さて、VSCodeというエクスカリバーを手に大海原へ繰り出したみなさんが、Arduino開発をしていて最初に気づくことがあります。

「補完が効かない！！！😱」

元はといえば補完などのためにVSCodeを使い始めたのに、本末転倒ですね。
でも安心してください！C/C++の拡張機能を設定すれば無事に補完を使えるようになります！

C/C++拡張機能は以下の3点を設定します。

  • C_Cpp.intelliSenseEngine
  • C_Cpp.default.browse.path
  • C_Cpp.default.includePath

それぞれ解説していきます。

C_Cpp.intelliSenseEngine

設定値: Tag Parser

Tag Parserに設定すると、なんだか曖昧なコンテクストで補完を提供してくれるらしいです。これを設定しないと謎の波線エラーが出ちゃうので設定しました。

C_Cpp.default.browse.path

設定値:

[
    "C:\Users\<username>\Documents\Arduino\libraries",
    "C:\Users\<username>\AppData\Local\Arduino15\libraries",
    "C:\Users\<username>\AppData\Local\Arduino15\packages\arduino\hardware",
    "C:\Users\<username>\AppData\Local\Arduino15\packages\arduino\tools"
]

ここにライブラリなどのパスを設定しておくとLSP (補完とか便利機能を提供してくれるIntelligent言語サーバのこと) がそれらをincludeして正しい補完を提供してくれます！
<username>のところは適宜書き換えてください。パスの意味は上から順番に↓です。

  1. ユーザの入れたライブラリ
  2. Arduino言語の使うライブラリ
  3. ボードマネージャのプログラム？
  4. ツール的な…？(謎🫠)

この辺のパスはArduino IDE 2になってから大幅に変わった部分です！Arduino IDEが追加する各種ディレクトリの説明は以下のリンクに書いてありますので、参考にしてください。

C_Cpp.default.includePath

設定値:

[
    "C:\Users\<username>\Documents\Arduino\libraries",
    "C:\Users\<username>\AppData\Local\Arduino15\libraries",
    "C:\Users\<username>\AppData\Local\Arduino15\packages\arduino\hardware",
    "C:\Users\<username>\AppData\Local\Arduino15\packages\arduino\tools"
]

C_Cpp.default.browse.pathと同じように設定します。
ひょっとすると"includePath"と"browse.path"はどちらかでいいかもしれません。自分は最初includePathのみ設定していたところ、ちゃんと補完が表示されなかったので、browse.pathも設定するとちゃんと動きました。

settings.json

最終的なsettings.jsonは以下のようになりました。上のVSCode Arduinoの設定に併せて追記しておきましょう🎉🎉

settings.json
{
  "C_Cpp.intelliSenseEngine": "Tag Parser",
  "C_Cpp.default.browse.path": [
    "C:\\Users\\<username>\\Documents\\Arduino\\libraries",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\libraries",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\packages\\arduino\\hardware",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\packages\\arduino\\tools"
  ],
  "C_Cpp.default.includePath": [
    "C:\\Users\\<username>\\Documents\\Arduino\\libraries",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\libraries",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\packages\\arduino\\hardware",
    "C:\\Users\\<username>\\AppData\\Local\\Arduino15\\packages\\arduino\\tools"
  ]
}

VSCodeでArduino開発の幕開け🌅

おめでとうございます！これにてセットアップは完了です🎉🎉🎉🎉
試しに.inoのスケッチを作って何か書いてみましょう！loopやprintlnの補完も効いて、ホバー機能も動作するはずです！

それではよきArduinoライフを❗️

  1. VSCodeならCopilotだって使えちゃうんですね……………………… ↩

  2. 他にもPrettierのVSCode拡張機能も、バンドルされたバイナリを持っていた気がします。ローカルにインストールしたやつを使うとパッケージ自体や設定を自分で管理できていいですよね🚂 ↩

  3. 下のリンクのarduino.useArduinoCLIオプションのdescriptionに記載アリ
    https://marketplace.visualstudio.com/items?itemName=vscode-arduino.vscode-arduino-community ↩

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?