ホームページ > 開発ツール > VSCode > Arduino 開発用に VSCode で拡張機能を構成する方法

Arduino 開発用に VSCode で拡張機能を構成する方法

青灯夜游
リリース: 2021-12-20 18:47:32
転載
5326 人が閲覧しました

Arduino 開発用に

VSCode で拡張機能を構成するにはどうすればよいですか?次の記事では、単純な Arduino IDE に別れを告げ、VSCode を使用して Arduino を開発する方法を紹介します。

Arduino 開発用に VSCode で拡張機能を構成する方法

Arduino の公式 IDE のエディタとしての機能は非常にシンプルで、使い心地はあまり良くありません。エディター とても使いやすくなりました。これで、VS Code に Arduino プラグインをインストールして Arduino を開発できるようになりました。この記事では関連する内容を解説していきます。 [推奨学習: 「vscode 入門チュートリアル 」]

ソフトウェアのインストール

VS Code を使用して Arduino を開発することもできますが、Arduino 関連のパッケージ管理、ライブラリ管理、コンパイルとアップロード、その他の機能は Arduino IDE によって提供される必要があるため、Arduino IDE をインストールする必要があります。

Arduino IDE ダウンロード ページ: https://www.arduino.cc/en/software

VS コード ダウンロード ページ: https://code.visualstudio.com/

インストール時に選択することをお勧めしますWindows エクスプローラーのディレクトリ コンテキスト メニューに「コードによる」操作を追加します。選択されていない場合は、ソフトウェアを再インストールすることによって選択することもできます:

Arduino 開発用に VSCode で拡張機能を構成する方法

上記の 2 つのソフトウェアがインストールされたら、VS Code を開き、拡張機能で Arduino を検索し、Microsoft によって作成されたものを選択して、拡張機能をインストールします。

Arduino 開発用に VSCode で拡張機能を構成する方法簡単な使用

#Arduino IDE がデフォルトのパスにインストールされている場合は、何も設定せずに VS Code の Arduino プラグインを通じて開発できます。 、プラグインで Arduino IDE パスを設定する必要がある場合があります。設定を変更して有効にするために、VS Code の再起動が必要になる場合があることに注意してください。フォルダー内に、フォルダーと同じ名前とサフィックス .ino

を持つファイルを作成します。VS Code を使用してフォルダーを開きます。リソース マネージャーで ino ファイルが選択されると、ソフトウェアはプロジェクトが Arduino プロジェクトとして自動的に認識されます。このとき、左下に Arduino の組み込みルーチンの一部が表示されます。次に、右下隅の開発ボードを選択します。選択後、VS Code はディレクトリに

.vscode

という名前のフォルダーを自動的に生成します:

Arduino 開発用に VSCode で拡張機能を構成する方法

.vscode フォルダーは、プロジェクトに関連する構成ファイルを保存するために使用されます。デフォルトでは、"output" を追加できる

arduino.json

ファイルが存在します。 : " ./build"Arduino 開発用に VSCode で拡張機能を構成する方法 パラメーター。このパラメーターの機能は、現在のプロジェクトのコンパイル プロセスの中間ファイルを現在のディレクトリの

build

フォルダーに出力することです。これにより、後続の繰り返しコンパイルが高速化されます。 : 上記の設定が完了したら、コードを記述し、右上隅のボタンをクリックしてコンパイルできます。デフォルトでは、プロジェクトに必要なライブラリ ファイルのパスが設定されています。はコンパイル中に追加されるため、後でコードを記述するときにコード プロンプト機能を使用できます。

コンパイル中、または追加後にパスにまだ問題がある場合は、新しいライブラリを追加するには、キーボードの Arduino 開発用に VSCode で拡張機能を構成する方法 Ctrl Alt I

を押すか、右下隅の C/C 構成が正しいかどうかを確認してください。ライブラリ ファイル パスとコード ヒントには、C/C プラグインのサポートも必要な場合があります:

Arduino 開発用に VSCode で拡張機能を構成する方法

これまでのところ、VS Code を使用して Arduino を開発できます。パーティ開発パッケージ(サードパーティライブラリも同様)を使用する場合は、まずArduino IDEに開発ボードデータパッケージをインストールする必要があります。例えばESP32の場合は「ArduinoでESP32を開発する(01): 開発環境のセットアップ」を参照してください。この記事の

開発環境セットアップ 章をインストールします。インストールが完了したら、VS Code Arduino で次の開発ボードを選択できます。

Arduino 開発用に VSCode で拡張機能を構成する方法

上記のデモで対応する開発ボードを選択した後、ページを閉じて再度開きます。 . 開発ボードのパラメータを設定します。

シリアル ポートを選択し、ソフトウェアの右下隅にあるシリアル ポート モニターを開くことができます:

Arduino 開発用に VSCode で拡張機能を構成する方法

#詳細な手順

コンパイルおよび出力中の中国語の文字化け

現在存在する問題コンパイル時や出力時に漢字が文字化けする場合が多く、VS Code の Arduino 拡張コードを修正するか、Arduino IDE のバージョンを下げることが一般的です。個人的には、中国語は使用せず、Arduino IDE の言語を英語に変更することを好みます:

Arduino 開発用に VSCode で拡張機能を構成する方法

Arduino 拡張設定手順

VS Code の Arduino 拡張機能には、合計で約 20 個の構成可能なパラメータがあります。拡張機能の詳細ページで関連する概要を確認できます。これらのパラメータは主に 2 つの部分に分かれており、ここではこれら 2 つの部分のパラメータ設定がどこに保存されるかを紹介します。

一部のパラメーターはグローバルに有効なパラメーターです。これらのパラメーターは、拡張機能の詳細ページで構成できます。ここで構成されたパラメーターは、VS Code グローバル ユーザー構成ファイル

settings.json を変更します。で始まるパラメーターこのファイルの arduino. はすべて Arduino 拡張パラメータです。

Arduino 開発用に VSCode で拡張機能を構成する方法

各プロジェクト自体のパラメータであるいくつかのパラメータもあります (どの開発ボードかなど)。 、シリアル ポート パラメーターなどが使用される場合、これらのパラメーターは、前述のプロジェクト フォルダーの

.vscode/arduino.json ファイルにあります。

Arduino 開発用に VSCode で拡張機能を構成する方法

さらに、前のパートのグローバル パラメーターをプロジェクトごとに個別に設定することもできます。

settings.json ファイルを .vscode フォルダーに作成し、関連するパラメーターを記述しますファイル内で設定するだけで、同じパラメータプロジェクトがグローバルプロジェクトよりも優先されます。

arduino-cli の使用

前のデモでは、開発ボードのコンパイル、アップロード、管理はすべて Arduino IDE に依存していました。新しいオプション arduino-cli が追加されました。そのプロジェクト アドレスは次のとおりです:

https://github.com/arduino/arduino-cli

このツールを使用する場合、Arduino 拡張機能VS Code では、次の 2 つを構成する必要があります。項目:

"arduino.useArduinoCli": true,"arduino.path": "arduino-cli路径"
ログイン後にコピー
概要

VS Code を使用して Arduino を開発するのは、一般に非常に便利です。

VSCode の詳細については、

vscode チュートリアル をご覧ください。 !

以上がArduino 開発用に VSCode で拡張機能を構成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート