「App:IDE:Visual Studio Code」の版間の差分
(ページの作成:「=== Visual Studio Code (VSCode) === ・VSCodeをダウンロード&インストール https://azure.microsoft.com/ja-jp/products/visual-studio-code/ ・イ…」) |
|||
(同じ利用者による、間の61版が非表示) | |||
1行目: | 1行目: | ||
− | == | + | ==[[App:IDE:Arduino IDE|<u>'''Arduino IDEをインストール'''</u>]]== |
− | + | <blockquote> | |
+ | ※Arduino IDEの機能を使うためインストール済である必要があります。 | ||
+ | </blockquote> | ||
− | + | ==VSCodeをダウンロード&インストール (Windows10)== | |
+ | === ダウンロード === | ||
+ | <blockquote> | ||
+ | https://azure.microsoft.com/ja-jp/products/visual-studio-code/ | ||
+ | </blockquote> | ||
− | + | === '''インストール''' === | |
− | + | <blockquote> | |
+ | {| class="wikitable" | ||
|- | |- | ||
− | |ESP- | + | |ESP-IDF をインストール (Espressif IoT Development Framework) |
− | |[[ | + | |[[file:VSCode ESP-IDF install.jpg|350px]] |
|CPUモジュールのメーカーであるEspressifの | |CPUモジュールのメーカーであるEspressifの | ||
17行目: | 24行目: | ||
インストールしておきます。 | インストールしておきます。 | ||
|- | |- | ||
− | | | + | |PlatformIO をインストール |
− | |[[ | + | |[[file:VSCode PlatformIO install.jpg|350px]] |
|PlatformIOはプロジェクトを作るのに必要なため | |PlatformIOはプロジェクトを作るのに必要なため | ||
30行目: | 37行目: | ||
するとプロジェクトを作れるようになります。 | するとプロジェクトを作れるようになります。 | ||
|- | |- | ||
− | |Japanese Language | + | |Japanese Language Pack をインストール |
− | |[[ | + | |[[file:VSCode japanese install.jpg|350px]] |
|VSCodeを日本語表示にする場合にインストール | |VSCodeを日本語表示にする場合にインストール | ||
40行目: | 47行目: | ||
ありません。 | ありません。 | ||
+ | |- | ||
+ | |Arduino for Visual Studio Code をインストール | ||
+ | |[[file:VSCode Aduino install.jpg|350px]] | ||
+ | |Arduino スケッチの開発~デバッグのための機能一式。 | ||
+ | |||
+ | |||
+ | インストールする前に、Arduino IDEまたはArduino CLIの | ||
+ | |||
+ | いずれかがインストール済である必要があります。 | ||
|} | |} | ||
+ | </blockquote> | ||
− | + | === '''設定 1/2 : 全般''' === | |
− | :{| class="wikitable" | + | <blockquote> |
+ | {| class="wikitable" | ||
+ | |- | ||
+ | |Arduino Path | ||
+ | |[[file:VSCode Set-1.jpg|350px]] | ||
+ | [[file:VSCode Set-2.jpg|350px]] | ||
+ | |"C:\Program Files (x86)\Arduino" | ||
+ | |- | ||
+ | |Intelli sense engine | ||
+ | |[[file:VSCode Set-3.jpg|350px]] | ||
+ | |Tag Perserに設定 | ||
+ | |- | ||
+ | |文字化け対策 | ||
+ | | | ||
+ | [[file:Utils-js.jpg|350px]] | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | VSCoreが起動したままの状態で | ||
+ | |||
+ | '''C:\Users\'''(ユーザー名)'''\.vscode\extensions\vsciot-vscode.vscode-arduino-0.4.11\out\src\common\util.js''' | ||
+ | |||
+ | をダブルクリックしてVSCoreで開く。 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | [[file:Utils.js-2.jpg|350px]] | ||
+ | |||
+ | |||
+ | 210行目辺りの次の部分をコメントアウトする。 | ||
+ | |||
+ | '''//codepage = chcp.toString().split(":").pop().trim();''' | ||
+ | |||
+ | |||
+ | これで解決するはずだけど、ダメなら205~218行の範囲を全てコメントアウトする。 | ||
+ | |||
+ | |||
+ | 終わったらCTRL+Sで保存する。 | ||
+ | |[https://lang-ship.com/blog/work/arduino-for-visual-studio-code/ 参考HP1:1行だけコメントアウト] | ||
+ | [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をインストール済であればウィンドウ下部に家のマーク | ||
52行目: | 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. | + | |platformio.iniにデバッグコンソールの |
通信速度を追記 | 通信速度を追記 | ||
"monitor_speed = 115200" | "monitor_speed = 115200" | ||
− | |[[ | + | |[[file:VSCode NewPRJ-4.jpg|350px]] |
|"platformio.ini"に記入するデバッグモニタとしての通信速度と | |"platformio.ini"に記入するデバッグモニタとしての通信速度と | ||
78行目: | 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; | ||
100行目: | 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/