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

本文适用于使用 JavaScript 项目系统(JSPS)(即 .esproj 项目格式)在 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 文件夹下。

另请参阅

Visual Studio 中的 JavaScript 和 TypeScript