共用方式為


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

本文適用於在 Visual Studio 中建立的 React、Angular 和 Vue 專案,其使用 JavaScript 專案系統 (JSPS),這是 .esproj 專案格式。 從 Visual Studio 2022 開始支援此格式。

屬性頁提供項目設定的存取權。 若要開啟屬性頁,請在 [方案總管] 中選取項目,然後選取 [屬性] 圖示,或以滑鼠右鍵按兩下專案,然後選取 [屬性]

備註

本文中的指示說明 Visual Studio 中可用的互動式開發體驗 (IDE) 最新版本。 您的電腦可能會顯示某些使用者介面元素的不同名稱或位置。 您可能使用不同的 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 資料夾底下。

另請參閱

在 Visual Studio 中的 JavaScript 和 TypeScript