「App:IDE:Visual Studio Code」の版間の差分
(→補足) |
|||
(同じ利用者による、間の35版が非表示) | |||
1行目: | 1行目: | ||
==[[App:IDE:Arduino IDE|<u>'''Arduino IDEをインストール'''</u>]]== | ==[[App:IDE:Arduino IDE|<u>'''Arduino IDEをインストール'''</u>]]== | ||
− | + | <blockquote> | |
− | + | ※Arduino IDEの機能を使うためインストール済である必要があります。 | |
− | + | </blockquote> | |
==VSCodeをダウンロード&インストール (Windows10)== | ==VSCodeをダウンロード&インストール (Windows10)== | ||
=== ダウンロード === | === ダウンロード === | ||
− | + | <blockquote> | |
− | + | https://azure.microsoft.com/ja-jp/products/visual-studio-code/ | |
+ | </blockquote> | ||
=== '''インストール''' === | === '''インストール''' === | ||
− | + | <blockquote> | |
+ | {| class="wikitable" | ||
|- | |- | ||
|ESP-IDF をインストール (Espressif IoT Development Framework) | |ESP-IDF をインストール (Espressif IoT Development Framework) | ||
− | |[[ | + | |[[file:VSCode ESP-IDF install.jpg|350px]] |
|CPUモジュールのメーカーであるEspressifの | |CPUモジュールのメーカーであるEspressifの | ||
23行目: | 25行目: | ||
|- | |- | ||
|PlatformIO をインストール | |PlatformIO をインストール | ||
− | |[[ | + | |[[file:VSCode PlatformIO install.jpg|350px]] |
|PlatformIOはプロジェクトを作るのに必要なため | |PlatformIOはプロジェクトを作るのに必要なため | ||
36行目: | 38行目: | ||
|- | |- | ||
|Japanese Language Pack をインストール | |Japanese Language Pack をインストール | ||
− | |[[ | + | |[[file:VSCode japanese install.jpg|350px]] |
|VSCodeを日本語表示にする場合にインストール | |VSCodeを日本語表示にする場合にインストール | ||
47行目: | 49行目: | ||
|- | |- | ||
|Arduino for Visual Studio Code をインストール | |Arduino for Visual Studio Code をインストール | ||
− | |[[ | + | |[[file:VSCode Aduino install.jpg|350px]] |
|Arduino スケッチの開発~デバッグのための機能一式。 | |Arduino スケッチの開発~デバッグのための機能一式。 | ||
55行目: | 57行目: | ||
いずれかがインストール済である必要があります。 | いずれかがインストール済である必要があります。 | ||
|} | |} | ||
+ | </blockquote> | ||
− | === ''' | + | === '''設定 1/2 : 全般''' === |
− | + | <blockquote> | |
+ | {| class="wikitable" | ||
|- | |- | ||
|Arduino Path | |Arduino Path | ||
− | |[[ | + | |[[file:VSCode Set-1.jpg|350px]] |
− | [[ | + | [[file:VSCode Set-2.jpg|350px]] |
|"C:\Program Files (x86)\Arduino" | |"C:\Program Files (x86)\Arduino" | ||
|- | |- | ||
|Intelli sense engine | |Intelli sense engine | ||
− | |[[ | + | |[[file:VSCode Set-3.jpg|350px]] |
|Tag Perserに設定 | |Tag Perserに設定 | ||
|- | |- | ||
|文字化け対策 | |文字化け対策 | ||
| | | | ||
− | [[ | + | [[file:Utils-js.jpg|350px]] |
85行目: | 89行目: | ||
− | [[ | + | [[file:Utils.js-2.jpg|350px]] |
100行目: | 104行目: | ||
[https://qiita.com/nori-dev-akg/items/e0811eb26274910cdd0e 参考HP2:範囲でコメントアウト] | [https://qiita.com/nori-dev-akg/items/e0811eb26274910cdd0e 参考HP2:範囲でコメントアウト] | ||
|} | |} | ||
+ | </blockquote> | ||
− | === ''' | + | === '''設定 2/2 : PlatdormIO''' === |
− | + | <blockquote> | |
+ | {| class="wikitable" | ||
|- | |- | ||
|PlatformIO Homeをクリック | |PlatformIO Homeをクリック | ||
− | |[[ | + | |[[file:VSCode NewPRJ-1.jpg|350px]] |
|PlatformIOをインストール済であればウィンドウ下部に家のマーク | |PlatformIOをインストール済であればウィンドウ下部に家のマーク | ||
111行目: | 117行目: | ||
|- | |- | ||
|"+New Project"をクリック | |"+New Project"をクリック | ||
− | |[[ | + | |[[file:VSCode NewPRJ-2.jpg|350px]] |
| | | | ||
|- | |- | ||
|Projectの設定を記入 | |Projectの設定を記入 | ||
− | |[[ | + | |[[file:VSCode NewPRJ-3.jpg|350px]] |
|Name :プロジェクト名 | |Name :プロジェクト名 | ||
− | Board :DevBoard名(NodeMCU- | + | Board :DevBoard名(NodeMCU-32S / ESP32 Dev Module) |
Framework :Arduino Framework | Framework :Arduino Framework | ||
− | + | Location :[✓]Use default location | |
|- | |- | ||
|platformio.iniにデバッグコンソールの | |platformio.iniにデバッグコンソールの | ||
129行目: | 135行目: | ||
"monitor_speed = 115200" | "monitor_speed = 115200" | ||
− | |[[ | + | |[[file:VSCode NewPRJ-4.jpg|350px]] |
|"platformio.ini"に記入するデバッグモニタとしての通信速度と | |"platformio.ini"に記入するデバッグモニタとしての通信速度と | ||
137行目: | 143行目: | ||
確認できます。 | 確認できます。 | ||
+ | |||
+ | |||
+ | フォルダ一覧(EXPLORER)が出てない時に表示する方法: | ||
+ | |||
+ | CTRL+SHIFT+E | ||
+ | |||
+ | 又は、"表示(View)"→"Explorer" | ||
|- | |- | ||
|プログラムを記入し、Upload | |プログラムを記入し、Upload | ||
− | |[[ | + | |[[file:VSCode NewPRJ-5.jpg|350px]] |
|#include <Arduino.h> | |#include <Arduino.h> | ||
int i; | int i; | ||
159行目: | 172行目: | ||
} | } | ||
|} | |} | ||
+ | </blockquote> | ||
+ | |||
+ | ==動作確認== | ||
+ | <blockquote> | ||
+ | 簡単なプログラムで試しに動作確認をします。 | ||
+ | |||
+ | VSCodeは汎用のEditorであるため、Arduino言語を使うためには追加のヘッダを取り込む必要があります。 | ||
+ | |||
+ | おまじない的に常に先頭に"'''#include <Arduino.h>'''"を追加しておけば無難です。 | ||
+ | |||
+ | |||
+ | "main.cpp"の中身を書き換えて、画面下にある"✓"をクリックするとコンパイルまで実行します。 | ||
+ | |||
+ | 右下の画面内に [SUCCESS] と表示されたら完了です。 | ||
+ | |||
+ | {| class="wikitable" | ||
+ | |[[file:VSCode NewPRJ-6.jpg|350px]] | ||
+ | |'''#include <Arduino.h>''' | ||
+ | int i; | ||
− | + | void setup() { | |
− | : | + | : Serial.begin(9600); |
+ | : Serial.println("--Start--"); | ||
+ | } | ||
+ | void loop() { | ||
+ | : Serial.println(i++); | ||
+ | : delay(1000); | ||
+ | } | ||
+ | |} | ||
+ | </blockquote> | ||
+ | ==補足== | ||
+ | <blockquote> | ||
+ | 設定やライブラリはArduino IDEの設定が引き継がれます。(VSCode上でもライブラリの追加は可能) | ||
+ | </blockquote> | ||
== チュートリアル == | == チュートリアル == | ||
− | + | <blockquote> | |
+ | https://youtu.be/GRpDbe4vGuE | ||
+ | </blockquote> | ||
+ | == 参考 == | ||
+ | <blockquote> | ||
+ | https://randomnerdtutorials.com/vs-code-platformio-ide-esp32-esp8266-arduino/</blockquote> | ||
----[https://robot-jp.com/wiki/index.php 戻る] | ----[https://robot-jp.com/wiki/index.php 戻る] |
2022年10月5日 (水) 22:43時点における最新版
Arduino IDEをインストール
※Arduino IDEの機能を使うためインストール済である必要があります。
VSCodeをダウンロード&インストール (Windows10)
ダウンロード
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
インストール
設定 1/2 : 全般
Arduino Path "C:\Program Files (x86)\Arduino" Intelli sense engine Tag Perserに設定 文字化け対策
VSCoreが起動したままの状態で
C:\Users\(ユーザー名)\.vscode\extensions\vsciot-vscode.vscode-arduino-0.4.11\out\src\common\util.js
をダブルクリックしてVSCoreで開く。
210行目辺りの次の部分をコメントアウトする。//codepage = chcp.toString().split(":").pop().trim();
これで解決するはずだけど、ダメなら205~218行の範囲を全てコメントアウトする。
終わったらCTRL+Sで保存する。参考HP1:1行だけコメントアウト
設定 2/2 : PlatdormIO
動作確認
簡単なプログラムで試しに動作確認をします。
VSCodeは汎用のEditorであるため、Arduino言語を使うためには追加のヘッダを取り込む必要があります。
おまじない的に常に先頭に"#include <Arduino.h>"を追加しておけば無難です。
"main.cpp"の中身を書き換えて、画面下にある"✓"をクリックするとコンパイルまで実行します。右下の画面内に [SUCCESS] と表示されたら完了です。
#include <Arduino.h> int i;
void setup() {
- Serial.begin(9600);
- Serial.println("--Start--");
}
void loop() {
- Serial.println(i++);
- delay(1000);
}
補足
設定やライブラリはArduino IDEの設定が引き継がれます。(VSCode上でもライブラリの追加は可能)
チュートリアル
参考
https://randomnerdtutorials.com/vs-code-platformio-ide-esp32-esp8266-arduino/