V5 用の VS Code プロジェクトの作成

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

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

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

画像1.png

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

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

画像15.png

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

画像11.png

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

画像8.png

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

画像15.png

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

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

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

画像8.png

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

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

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

画像17.png

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

画像9.png

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

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

スクリーンショット 2023 年 10 月 17 日午後 3 時 45 分 11 秒.png

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

画像7.png

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

画像1.png

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

画像5.png

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

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

画像1.png

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

画像11.png

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

画像10.png

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

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

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

画像13.png

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

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

画像4.png

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

画像6.png

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

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

スクリーンショット 2023 年 10 月 17 日午後 3 時 45 分 11 秒.png

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

画像19.png

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

画像2.png

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

スクリーンショット 2023 年 10 月 18 日午後 3.08.17.png

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

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: