App:IDE:Visual Studio Code

提供: robot-jp wiki
2022年10月5日 (水) 22:43時点におけるTakashi (トーク | 投稿記録)による版 (→‎チュートリアル)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動検索に移動

Arduino IDEをインストール

※Arduino IDEの機能を使うためインストール済である必要があります。

VSCodeをダウンロード&インストール (Windows10)

ダウンロード

https://azure.microsoft.com/ja-jp/products/visual-studio-code/


インストール

ESP-IDF をインストール (Espressif IoT Development Framework) VSCode ESP-IDF install.jpg CPUモジュールのメーカーであるEspressifの

フレームワークは使用頻度が高いため、

インストールしておきます。

PlatformIO をインストール VSCode PlatformIO install.jpg PlatformIOはプロジェクトを作るのに必要なため

インストールしておきます。


PlatformIOをインストールするとウィンドウ下部

に家のマークのアイコンができ、そこをクリック

するとプロジェクトを作れるようになります。

Japanese Language Pack をインストール VSCode japanese install.jpg VSCodeを日本語表示にする場合にインストール

します。


英語のままでよければインストールする必要は

ありません。

Arduino for Visual Studio Code をインストール VSCode Aduino install.jpg Arduino スケッチの開発~デバッグのための機能一式。


インストールする前に、Arduino IDEまたはArduino CLIの

いずれかがインストール済である必要があります。

設定 1/2 : 全般

Arduino Path VSCode Set-1.jpg

VSCode Set-2.jpg

"C:\Program Files (x86)\Arduino"
Intelli sense engine VSCode Set-3.jpg Tag Perserに設定
文字化け対策

Utils-js.jpg



VSCoreが起動したままの状態で

C:\Users\(ユーザー名)\.vscode\extensions\vsciot-vscode.vscode-arduino-0.4.11\out\src\common\util.js

をダブルクリックしてVSCoreで開く。



Utils.js-2.jpg


210行目辺りの次の部分をコメントアウトする。

 //codepage = chcp.toString().split(":").pop().trim();


これで解決するはずだけど、ダメなら205~218行の範囲を全てコメントアウトする。


終わったらCTRL+Sで保存する。

参考HP1:1行だけコメントアウト

参考HP2:範囲でコメントアウト

設定 2/2 : PlatdormIO

PlatformIO Homeをクリック VSCode NewPRJ-1.jpg PlatformIOをインストール済であればウィンドウ下部に家のマーク

のボタンができるので、そこをクリックします。

"+New Project"をクリック VSCode NewPRJ-2.jpg
Projectの設定を記入 VSCode NewPRJ-3.jpg Name   :プロジェクト名

Board   :DevBoard名(NodeMCU-32S / ESP32 Dev Module)

Framework :Arduino Framework

Location  :[✓]Use default location

platformio.iniにデバッグコンソールの

通信速度を追記

"monitor_speed = 115200"

VSCode NewPRJ-4.jpg "platformio.ini"に記入するデバッグモニタとしての通信速度と

プログラム内で指定するシリアル通信速度を同じ値に合わせておくと、

書き込み直後からのシリアル受信データをデバッグウィンドウ内で

確認できます。


フォルダ一覧(EXPLORER)が出てない時に表示する方法:

CTRL+SHIFT+E

又は、"表示(View)"→"Explorer"

プログラムを記入し、Upload VSCode NewPRJ-5.jpg #include <Arduino.h>

int i;

void setup() {

  Serial.begin(9600);

  Serial.println("--Start--");

}

void loop() {

  Serial.println(i++);

  delay(1000);

}

動作確認

簡単なプログラムで試しに動作確認をします。

VSCodeは汎用のEditorであるため、Arduino言語を使うためには追加のヘッダを取り込む必要があります。

おまじない的に常に先頭に"#include <Arduino.h>"を追加しておけば無難です。


"main.cpp"の中身を書き換えて、画面下にある"✓"をクリックするとコンパイルまで実行します。

右下の画面内に [SUCCESS] と表示されたら完了です。

VSCode NewPRJ-6.jpg #include <Arduino.h>

int i;

void setup() {

Serial.begin(9600);
Serial.println("--Start--");

}

void loop() {

Serial.println(i++);
delay(1000);

}

補足

設定やライブラリはArduino IDEの設定が引き継がれます。(VSCode上でもライブラリの追加は可能)

チュートリアル

https://youtu.be/GRpDbe4vGuE

参考

https://randomnerdtutorials.com/vs-code-platformio-ide-esp32-esp8266-arduino/


戻る