Visual Studio の React、Angular、Vue プロジェクトのプロパティ ページ

この記事は、.esproj プロジェクト形式である JavaScript Project System (JSPS) を使用する Visual Studio で作成された React、Angular、および Vue プロジェクトに適用されます。 この形式は Visual Studio 2022 以降でサポートされています。

[プロパティ ページ] からプロジェクトの設定にアクセスできます。 プロパティ ページを開くには、ソリューション エクスプローラーでプロジェクトを選択して [プロパティ] アイコンを選択するか、プロジェクトを右クリックして [プロパティ] を選択します。

Note

この記事で紹介する Visual Studio ユーザー インターフェイス要素の一部は、お使いのコンピューターでは名前や場所が異なる場合があります。 別のエディションの Visual Studio または異なる環境設定を使用している場合があります。 詳細については、「Visual Studio IDE のカスタマイズ」を参照してください。

次に示すページとオプションが [プロパティ ページ] に表示されます。

[ビルド] タブ

[全般] タブで、次のプロパティを使用できます。

ビルド コマンド

プロジェクトをビルドするときに実行するコマンドを指定します。 (> ビルド ソリューションをビルドする か、プロジェクトを実行するとき。)この値を使用する場合、通常、この値は npm コマンドです。 このプロパティは、プロジェクト ファイルの BuildCommand プロパティに対応します。

実稼働ビルド コマンド

プロジェクトが ASP.NET Core Web API プロジェクトと統合される場合に、プロジェクトをビルドするときに実行するコマンドを指定します。 実稼働可能なファイルを生成します。 既定では、このコマンドは npm run build です。

Visual Studio 2022 バージョン 17.5 以降、このオプションは React、Vue、Angular の推奨プロジェクト テンプレートには存在 しません。

ビルド出力フォルダー

実稼働ビルド オブジェクトの出力フォルダーを指定します。 以前のプロジェクトでは、 実稼働ビルド コマンドを使用する時に、このプロパティを使用します。

Clean コマンド

プロジェクトをクリーンするときに実行するコマンドを指定します。 (> クリーン ソリューションの構築) 使用する場合、この値は通常 npm コマンドです。 このプロパティは、プロジェクト ファイルの CleanCommand プロパティに対応します。

作業ディレクトリ

ビルド コマンドの作業ディレクトリを指定します。 既定では、この値はプロジェクト ルートです。

[デプロイ] タブ

スタートアップ コマンド

プロジェクトを開始するときに実行するコマンドを指定します。 たとえば、Angular プロジェクトでは既定で npm start が使用されます。 このプロパティは、プロジェクト ファイルの StartupCommand プロパティに対応します。

作業ディレクトリ

スタートアップ コマンドの作業ディレクトリを指定します。 既定では、この値はプロジェクト ルートです。 相対パスの基準はプロジェクト ルートです。

Note

Visual Studio では、launch.json に、[デバッグ] ツール バーの [スタート] ボタンに関連付けられたスタートアップ設定が格納されます。 launch.json は .vscode フォルダーの下に配置する必要があります。

関連項目

Visual Studio の JavaScript および TypeScript