Partilhar via


Páginas de propriedades para projetos React, Angular e Vue no Visual Studio

Este artigo se aplica a projetos React, Angular e Vue criados no Visual Studio que usam o JavaScript Project System (JSPS), que é o formato de projeto .esproj . Esse formato é suportado a partir do Visual Studio 2022.

As Páginas de Propriedades fornecem acesso às configurações do projeto. Para abrir as páginas de propriedades, selecione o projeto no Gerenciador de Soluções e, em seguida, selecione o ícone Propriedades ou clique com o botão direito do mouse no projeto e selecione Propriedades.

Observação

Seu computador pode mostrar nomes ou locais diferentes para alguns dos elementos da interface do usuário do Visual Studio neste artigo. Você pode estar usando uma edição diferente do Visual Studio ou configurações de ambiente diferentes. Para obter mais informações, consulte Personalizar o IDE.

As seguintes páginas e opções aparecem nas Páginas de Propriedades.

Aba de Construção

Na guia Geral, as seguintes propriedades estão disponíveis.

Comando Build

Especifica o comando a ser executado quando você cria o projeto. (Build > Build Solution ou quando você executa o projeto.) Se usado, esse valor normalmente é um comando npm. Esta propriedade corresponde à propriedade BuildCommand no arquivo de projeto.

Comando de compilação de produção

Especifica o comando a ser executado quando você cria o projeto, quando o projeto é integrado ao projeto ASP.NET Core Web API. Gera arquivos prontos para produção. Por padrão, esse comando é npm run build.

A partir do Visual Studio 2022 versão 17.5, essa opção não está presente nos modelos de projeto recomendados para React, Vue e Angular.

Construir pasta de saída

Especifica a pasta de saída para objetos de compilação de produção. Para projetos mais antigos, use essa propriedade quando usar o comando Production Build.

Comando Limpar

Especifica o comando a ser executado quando você limpa o projeto. (Build > Clean Solution) Se usado, esse valor normalmente é um comando npm. Esta propriedade corresponde à propriedade CleanCommand no arquivo de projeto.

Diretório de Trabalho

Especifica o diretório de trabalho para o comando build. Esse valor é a raiz do projeto, por padrão.

Guia Implantar

Comando de inicialização

Especifica o comando a ser executado quando você inicia o projeto. Por exemplo, um projeto Angular usa npm start por padrão. Esta propriedade corresponde à propriedade StartupCommand no arquivo de projeto.

Diretório de Trabalho

Especifica o diretório de trabalho para o comando de inicialização. Por padrão, esse valor é a raiz do projeto. Os caminhos relativos são relativos à raiz do projeto.

Observação

No Visual Studio, launch.json armazena as configurações de inicialização associadas ao botão Iniciar na barra de ferramentas Depurar. launch.json deve estar localizado na pasta .vscode .

Ver também

JavaScript e TypeScript no Visual Studio