この記事は、 .esproj プロジェクト形式である JavaScript プロジェクト システム (JSPS) を使用する Visual Studio で作成された React、Angular、および Vue プロジェクトに適用されます。 この形式は、Visual Studio 2022 以降でサポートされています。
プロパティ ページを使用すると、プロジェクト設定にアクセスできます。 プロパティ ページを開くには、ソリューション エクスプローラー でプロジェクト
注
あなたのコンピューターでは、この記事中の 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 プロパティに対応します。
作業ディレクトリ
スタートアップ コマンドの作業ディレクトリを指定します。 既定では、この値はプロジェクト ルートです。 相対パスは、プロジェクト ルートに対する相対パスです。
注
Visual Studio では、 launch.json デバッグ ツール バーの [スタート ] ボタンに関連付けられているスタートアップ設定が格納されます。 launch.jsonは .vscode フォルダーの下に配置する必要があります。