2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ArduinoのVScodeを使った開発環境構築

Last updated at Posted at 2021-06-06

ArduinoをVScodeで書けるようにしたい。

Arduinoのソースコードを書きたい。でもArduino IDEはやだ!というわけでArduinoを万能エディタのVScodeで使えるようにする設定です。

手順

  1. 拡張機能のArduino for Visual Studio Codeをインストール
  2. 拡張機能の設定
  3. 起動テスト

1. 拡張機能のArduino for Visual Studio Codeをインストール

まずは拡張機能のArduino for Visual Studio Codeをインストールしていきます。

拡張機能をクリックし、検索ボックスにArduinoを入力します。

マーケットプレースの一覧にArduinoが出てきます。

この時、Arduinoの名前の拡張機能がいくつか出てくると思います。Microsoftの拡張機能を選択してインストールしてください。
スクリーンショット (203).png

2. 拡張機能の設定

次にVScodeとArduino IDEの設定を行います。

vscodeの上部タブからファイルユーザ設定設定を選択すると設定タブが開かれます。そしてよく使用するものの下部にある拡張機能からArduino configurationをクリックします。以下のような画面にたどり着きます。

スクリーンショット (205).png

次にArduino: PathArduino: Command Pathをそれぞれ設定します。
設定画面の順番は上にCommand Path、下にいくとPathがありますが説明手順の関係上先にPathの方を紹介します。

Path

説明文のGoogle翻訳は以下です。

Arduinoへのパス。この設定を変更してフルパスを含めることで、Arduinoのカスタムバージョンを使用できます。
 例: Windows の場合は「C:\Program Files\Arduino」、Mac の場合は「/Applications」、Linux の場合は「/home/$user/Downloads/arduino-1.8.1」。
(変更後は再起動が必要)

Pathに関してはC:\Program Files\ArduinoC:\Program Files(x86)\Arduinoがデフォルトの設定でインストールされるっぽいです。ただ違う場所にインストールしたけどどこだっけという方もいると思います(私もそうでした)

探索方法は単純です。タスクバーにある検索ボックスにArduinoと入力するとArduinoのアイコンが表示されます。
その下にあるファイルの場所を開くをクリックします。
スクリーンショット (207).png

エクスプローラーに自身がインストールしたArduinoのフォルダが表示されます。
この時、エクスプローラーに表示されるPathをArduino: Command Pathの設定画面で指定します。

自分の場合はC:\Users\~いくつかのディレクトリ~\arduino-1.8.13でした。

Command Path

説明文をGoogle翻訳にかけたのがこちらです。

「arduino.path」に関連するスクリプトへのパス。この設定を変更することで、カスタム起動スクリプトを使用して Arduino を実行できます。
 例: Windows の場合は「run-arduino.bat」、Mac の場合は「Contents/MacOS/run-arduino.sh」、Linux の場合は「bin/run-arduino.sh」。 
(変更後は再起動が必要) 

こちらは、先ほど指定したarduino-1.8.13の中にあるarduino_debug.exeを指定します。こちらはexeファイルのみで問題ないです。

これで設定は終わりです。

3. 起動テスト

VScodeは説明文にある通り、再起度してinoファイルをVScodeで開いてください。

VScodeの画面右下の表示が画像のようになります。
スクリーンショット (210).png

もし、変化しない場合でも、画面右上に画像のような表示になっている場合は箱に下矢印が向いてるマークをクリックしてください。Arduino : uploadと表示されて、右下画面が先ほどの画像の通り変化します。

スクリーンショット (209).png

ここまでできていたらVScodeからArduinoのコードを書くことができます。

2
3
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
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?