Visual Studio 中 React、Angular 和 Vue 專案的屬性頁面

此文章適用於在 Visual Studio 中建立的 React、Angular 和 Vue 專案，這些專案使用 JavaScript Project System (JSPS)，亦即 .esproj 專案格式。從 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 的建議專案範本中。

建置輸出資料夾

指定生產組建物件的輸出檔案夾。針對較舊的專案，當您使用生產組建命令時，請使用此屬性。

清除命令列

指定要在清除專案時執行的命令。 (建置 > 清除解決方案) 如果使用，此值通常是 npm 命令。此屬性對應至專案檔中的 CleanCommand 屬性。

工作目錄

指定建置命令的工作目錄。根據預設，此值為專案根目錄。

啟動命令

指定要在啟動專案時執行的命令。例如，Angular 專案預設會使用 npm start。此屬性對應至專案檔中的 StartupCommand 屬性。

工作目錄

指定啟動命令的工作目錄。根據預設，此值為專案根目錄。相對路徑會相對於專案根目錄。

注意

在 Visual Studio 中，launch.json 會在 [偵錯] 工具列中儲存與 [開始] 按鈕相關聯的啟動設定。 launch.json 必須位於 .vscode 資料夾底下。