EXP 用の VS Code プロジェクトの作成 – VEX ライブラリ

この記事では、VEX Visual Studio Code (VS Code) 拡張機能で VEX EXP プロジェクトを作成するプロセスの概要を説明します。 VEX VS Code Extension のプロジェクトは、サンプルテンプレートから新しいプロジェクトを作成するか、既存の VEXcode プロジェクトをインポートする 2 つの方法で作成できます。

注:VS Code でプロジェクトを初めて作成またはインポートする場合は、VS Code が意図したとおりに動作するために、デバイス上で追加のアクセス許可を有効にする必要がある場合があります。

VS Code で新しいプロジェクトを作成する

VS Code アクティビティバーの VEX Robotics Extension アイコンが強調表示されます。

コンピューター上で Visual Studio Code を起動します。 VS Code アクティビティバーの VEX アイコンを選択します。

VEX アイコンが表示されない場合は、VEX 拡張機能がインストールされていることを確認してください。この拡張機能をインストールする手順については、お使いのデバイスに応じた次の記事を参照してください。

VEX Robotics Extension が選択され、プロジェクトアクションカテゴリに 2 つのボタンが表示されます。1 つのボタンには [新しいプロジェクト]、もう 1 つのボタンには [プロジェクトのインポート] が表示されます。 [新しいプロジェクト] ボタンが強調表示されます。

プライマリサイドバーの [プロジェクトアクション] の下にある [新しいプロジェクト] ボタンを選択します。

「新規プロジェクト」ボタンが選択され、VEX プラットフォームオプションが表示されます。リストされているオプションには、IQ (第 2 世代)、EXP、V5 が含まれます。 EXP オプションが強調表示されます。

「新しい VEX プロジェクトの作成」ウィンドウが表示されます。 EXP アイコンを選択して、VEX EXP プロジェクトのプロジェクトプラットフォームを選択します。

VEX プラットフォームオプションが選択され、プログラミング言語オプションが表示されます。リストされているオプションには、Python と C/C++ が含まれます。

プログラミング言語として Python または C/C++ を選択し、対応するアイコンを選択します。

プログラミング言語オプションが選択され、テンプレート/サンプルプロジェクトが表示されます。このメニューを下にスクロールすると、プロジェクトの完全なリストを表示できます。

次に、VEX EXP プロジェクトを作成するためのテンプレートまたはサンプルプロジェクトを選択します。

下にスクロールするか、検索バーを使用してプロジェクトのリストをフィルタリングして、テンプレートまたはサンプルプロジェクトを見つけます。
これらのテンプレートプロジェクトとサンプルプロジェクトには、プロジェクトを開始するために使用されるサンプルコードやロボット構成が含まれています。

テンプレートまたはサンプルプロジェクトを選択した後、「作成」を選択します。

EXP 空テンプレートプロジェクトが選択され、プロジェクト名フィールドが強調表示されます。

次に、新しいプロジェクトのプロジェクト名、説明、場所を設定します。

[プロジェクト名] の下のテキストボックスにプロジェクトの名前を入力します。

注: プロジェクト名は、プロジェクトの最上位フォルダーの名前として使用されます。また、プロジェクトがロボットにダウンロードされると、EXP Brain の画面に表示される名前になります。

プロジェクト名フィールドの下に説明フィールドが強調表示された EXP 空のテンプレートプロジェクト。

[説明] の下のテキストボックスにプロジェクトの説明を入力します。このステップはオプションです。

EXP 空のテンプレートプロジェクト。場所フィールドの右側にある参照ボタンが強調表示されています。

デフォルトのプロジェクトフォルダーとは別の場所にプロジェクトを保存する場合は、ウィンドウを下にスクロールして [参照] ボタンを選択し、コンピューター上のプロジェクトフォルダーの場所を選択します。

注: デフォルトのプロジェクトの場所は、拡張機能のグローバル設定にあるデフォルトのプロジェクトフォルダーに設定されます。

右下隅の [作成] ボタンが強調表示された EXP 空のテンプレートプロジェクト。

名前、説明、場所を入力したら、「作成」ボタンを選択します。 VS Code ウィンドウの更新が始まります。

アクティビティバーのエクスプローラーオプションが選択され、VEX プロジェクトのファイルとフォルダーが表示されます。 src というタイトルのフォルダーが強調表示されます。

VEX EXP のプロジェクトが VEX VS Code Extension に作成されました。プロジェクトコードを表示して開発するには、サイドバーのプロジェクト名の下にある「src」を選択します。

アクティビティバーのエクスプローラーオプションが選択され、VEX プロジェクトのファイルとフォルダーが表示されます。 src というタイトルのフォルダーが開かれ、その中の main.py という python ファイルが強調表示されています。

サイドバーの「src」の下にある「main.py」(プロジェクトがPythonプロジェクトの場合)または「main.cpp」(プロジェクトがC/C++プロジェクトの場合)を選択します。

main.py ファイルが選択され、右側のエディターで開きます。

選択したテンプレートまたはサンプルプロジェクトのコードがエディター領域に表示され、作成した VEX EXP プロジェクトを開発および編集できます。

既存の VEXcode EXP プロジェクトをインポートする

VS Code アクティビティバーの VEX Robotics Extension アイコンが強調表示されます。

コンピューター上で Visual Studio Code を起動します。 VS Code アクティビティバーの VEX アイコンを選択します。

VEX Robotics Extension が選択され、プロジェクトアクションカテゴリに 2 つのボタンが表示されます。1 つのボタンには [新しいプロジェクト]、もう 1 つのボタンには [プロジェクトのインポート] が表示されます。プロジェクトのインポートボタンが強調表示されます。

プライマリサイドバーの [プロジェクトアクション] の下にある [プロジェクトのインポート] ボタンを選択します。

保存された VEX プロジェクトは、ファイルエクスプローラーのユーザーのファイルに表示されます。この例では、EXP C++ プロジェクトが選択されています。

「プロジェクトのインポート」ウィンドウが開きます。インポートする VEXcode EXP プロジェクトファイルを選択し、[開く] ボタンをクリックします。

注: VEX EXP でサポートされている VEXcode プロジェクトファイルの種類は次のとおりです。

.expcpp (VEXcode EXP C/C++ プロジェクト)
.exppython (VEXcode EXP Python プロジェクト)

以前保存した VEX プロジェクトがインポート対象として選択されており、ユーザーはインポート前にその名前と説明を編集するオプションがあります。この例では、プロジェクト名は expVEXcode に設定されています。

次に、インポートしたプロジェクトのプロジェクト名、説明、場所を設定します。

デフォルトでは、プロジェクトの名前は変わりません。

プロジェクト名フィールドの下に説明フィールドが強調表示された EXP プロジェクトのインポートメニュー。

[説明] の下のテキストボックスにプロジェクトの説明を入力します。このステップはオプションです。

EXP プロジェクトのインポートメニュー。場所フィールドの右側にある参照ボタンが強調表示されています。

注: デフォルトのプロジェクトの場所は、拡張機能のグローバル設定にあるデフォルトのプロジェクトフォルダーに設定されます。

EXP プロジェクトのインポートメニュー。右下隅の [作成] ボタンが強調表示されています。

名前、説明、場所を入力したら、「作成」ボタンを選択します。 VS Code ウィンドウの更新が始まります。

VS Code ウィンドウの更新が完了すると、VEXcode EXP プロジェクトが VEX VS Code 拡張機能にインポートされます。プロジェクトコードを表示して開発するには、サイドバーのプロジェクト名の下にある「src」を選択します。

アクティビティバーのエクスプローラーオプションが選択され、VEX プロジェクトのファイルとフォルダーが表示されます。 src というタイトルのフォルダーが開かれ、その中の main.cpp という C++ ファイルが強調表示されています。

サイドバーの「src」の下で「main.py」(インポートされたプロジェクトがPythonプロジェクトの場合)または「main.cpp」(インポートされたプロジェクトがC/C++プロジェクトの場合)を選択します。

main.cpp ファイルが選択され、右側のエディターで開きます。

インポートされたプロジェクトのコードはエディター領域に表示され、そこで変更できます。