Property pages for React, Angular, and Vue projects in Visual Studio

This article applies to React, Angular, and Vue projects created in Visual Studio that use the JavaScript Project System (JSPS), which is the .esproj project format. This format is supported starting in Visual Studio 2022.

The Property Pages provides access to project settings. To open the property pages, select the project in Solution Explorer and then select the Properties icon, or right-click the project and select Properties.

Note

Your computer might show different names or locations for some of the Visual Studio user interface elements in this article. You might be using a different edition of Visual Studio or different environment settings. For more information, see Personalize the IDE.

The following pages and options appear in the Property Pages.

Build tab

Under the General tab, the following properties are available.

Build Command

Specifies the command to run when you build the project. (Build > Build Solution, or when you run the project.) If used, this value is typically an npm command. This property corresponds to the BuildCommand property in the project file.

Production Build Command

Specifies the command to run when you build the project, when the project is integrated with the ASP.NET Core Web API project. Generates production-ready files. By default, this command is npm run build.

Starting in Visual Studio 2022 version 17.5, this option is not present in the recommended project templates for React, Vue, and Angular.

Build Output Folder

Specifies the output folder for production build objects. For older projects, use this property when you use the Production Build Command.

Clean Command

Specifies the command to run when you clean the project. (Build > Clean Solution) If used, this value is typically an npm command. This property corresponds to the CleanCommand property in the project file.

Working Directory

Specifies the working directory for the build command. This value is the project root, by default.

Deploy tab

Startup Command

Specifies the command to execute when you start the project. For example, an Angular project uses npm start by default. This property corresponds to the StartupCommand property in the project file.

Working Directory

Specifies the working directory for the startup command. By default, this value is the project root. Relative paths are relative to the project root.

Note

In Visual Studio, launch.json stores the startup settings associated with the Start button in the Debug toolbar. launch.json must be located under the .vscode folder.

See also

JavaScript and TypeScript in Visual Studio