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 文件夹下。