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

この記事では、VEX Visual Studio Code (VS Code) 拡張機能で VEX EXP プロジェクトを作成するプロセスの概要を説明します。 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 プロジェクトの作成」ウィンドウが表示されます。 EXP アイコンを選択して、VEX EXP プロジェクトのプロジェクト プラットフォームを選択します。

画像8.png

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

画像19.png

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

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

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

画像16.png

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

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

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

画像7.png

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

画像6.png

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

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

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

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

画像5.png

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

画像2.png

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

画像17.png

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

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

画像1.png

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

画像11.png

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

画像12.png

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

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

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

画像9.png

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

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

画像8.png

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

画像13.png

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

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

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

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

画像18.png

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

画像4.png

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

画像10.png

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

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

Last Updated: