「App:IDE:Visual Studio Code」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
111行目: 111行目:
 
|-
 
|-
 
|PlatformIO Homeをクリック
 
|PlatformIO Homeをクリック
|[[ファイル:VSCode NewPRJ-1.jpg|代替文=VSCode NewPRJ-1|左|サムネイル|VSCode NewPRJ-1]]
+
|[[file:VSCode NewPRJ-1.jpg|350px]]
 
|PlatformIOをインストール済であればウィンドウ下部に家のマーク
 
|PlatformIOをインストール済であればウィンドウ下部に家のマーク
  
117行目: 117行目:
 
|-
 
|-
 
|"+New Project"をクリック
 
|"+New Project"をクリック
|[[ファイル:VSCode NewPRJ-2.jpg|代替文=VSCode NewPRJ-2|左|サムネイル|VSCode NewPRJ-2]]
+
|[[file:VSCode NewPRJ-2.jpg|350px]]
 
|
 
|
 
|-
 
|-
 
|Projectの設定を記入
 
|Projectの設定を記入
|[[ファイル:VSCode NewPRJ-3.jpg|代替文=VSCode NewPRJ-3|左|サムネイル|VSCode NewPRJ-3]]
+
|[[file:VSCode NewPRJ-3.jpg|350px]]
 
|Name   :プロジェクト名
 
|Name   :プロジェクト名
  
135行目: 135行目:
  
 
"monitor_speed = 115200"
 
"monitor_speed = 115200"
|[[ファイル:VSCode NewPRJ-4.jpg|代替文=VSCode NewPRJ-4|左|サムネイル|VSCode NewPRJ-4]]
+
|[[file:VSCode NewPRJ-4.jpg|350px]]
 
|"platformio.ini"に記入するデバッグモニタとしての通信速度と
 
|"platformio.ini"に記入するデバッグモニタとしての通信速度と
  
152行目: 152行目:
 
|-
 
|-
 
|プログラムを記入し、Upload
 
|プログラムを記入し、Upload
|[[ファイル:VSCode NewPRJ-5.jpg|代替文=VSCode NewPRJ-5|左|サムネイル|VSCode NewPRJ-5]]
+
|[[file:VSCode NewPRJ-5.jpg|350px]]
 
|#include <Arduino.h>
 
|#include <Arduino.h>
 
int i;
 
int i;

2022年6月16日 (木) 17:31時点における版

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の

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

設定変更

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:範囲でコメントアウト

動作確認手順

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>"を追加しておけば無難です。

VSCode NewPRJ-6
VSCode NewPRJ-6
#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



戻る