Visual Studio 中 React、Angular 和 Vue 项目的属性页

本文适用于在 Visual Studio 中创建的使用 JavaScript Project System (JSPS)（即 .esproj 项目格式）的 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 的推荐项目模板中。

生成输出文件夹

指定生产生成对象的输出文件夹。对于较旧的项目，使用 Production Build 命令时，请使用此属性。

清除命令

指定要在清除项目时运行的命令。（“生成”>“清除解决方案”）如果使用，此值通常是 npm 命令。此属性对应于项目文件中的 CleanCommand 属性。

工作目录

指定生成命令的工作目录。默认情况下，此值为项目根。

启动命令

指定启动项目时要执行的命令。例如，Angular 项目默认使用 npm start。此属性对应于项目文件中的 StartupCommand 属性。

工作目录

指定启动命令的工作目录。默认情况下，此值为项目根。相对路径是相对于项目根目录的。

注意

在 Visual Studio 中，launch.json 存储与“调试”工具栏中的“开始”按钮关联的启动设置。 launch.json 必须位于 .vscode 文件夹下。