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

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

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

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

VS CodeのアクティビティバーにあるVEX Robotics拡張機能のアイコンがハイライト表示されます。

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

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

VS Codeのインターフェースに、VEX拡張機能のサイドバーが表示され、「プロジェクトアクション」の下にある「新規プロジェクト」ボタンが選択されている状態。

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

プロジェクトの種類としてV5プラットフォームのアイコンを選択し、「新規VEXプロジェクトの作成」ダイアログを開きます。

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

プロジェクト設定ウィンドウに、PythonとC/C++のアイコンを含む言語オプションが表示され、選択できるようになっています。

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

VEX V5のテンプレートとサンプルプロジェクトの一覧。利用可能なプロジェクトオプションを絞り込むための検索バー付き。

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

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

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

V5 空のテンプレートプロジェクトが選択され、プロジェクト名フィールドがハイライト表示されました。

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

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

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

V5の空のテンプレートプロジェクトで、プロジェクト名フィールドの下に説明フィールドがハイライト表示されています。

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

場所フィールドの右側に「参照」ボタンがハイライト表示されているV5空のテンプレートプロジェクト。

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

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

右下隅に「作成」ボタンがハイライト表示された、V5の空のテンプレートプロジェクト。

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

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

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

アクティビティバーのエクスプローラーオプションが選択され、VEXプロジェクトのファイルとフォルダーが表示されています。「src」という名前のフォルダが開かれ、その中にある「main.py」という名前のPythonファイルがハイライト表示されています。

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

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

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

VS CodeのアクティビティバーにあるVEX Robotics拡張機能のアイコンがハイライト表示されます。

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

VEX Robotics Extensionが選択され、プロジェクトアクションカテゴリに2つのボタンが表示されます。1つは「新規プロジェクト」、もう1つは「プロジェクトのインポート」と表示されます。「プロジェクトのインポート」ボタンがハイライト表示されています。

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

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

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

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

.v5cpp (VEXcode V5 C/C++ プロジェクト)
.v5python (VEXcode V5 Python プロジェクト)

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

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

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

V5のプロジェクトインポートメニューで、プロジェクト名フィールドの下に説明フィールドがハイライト表示されています。

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

V5プロジェクトインポートメニュー。場所フィールドの右側に「参照」ボタンがハイライト表示されています。

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

V5プロジェクトインポートメニュー。右下隅に「作成」ボタンがハイライト表示されています。

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

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

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

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

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

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