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 utilizam o JavaScript Project System (JSPS), que é o formato de projeto .esproj. Esse formato tem suporte desde o Visual Studio 2022.
As Páginas de Propriedades fornecem acesso às configurações do projeto. Para abrir as páginas de propriedade, selecione o projeto no Gerenciador de Soluções e selecione o ícone Propriedades ou clique com o botão direito do mouse no projeto e selecione Propriedades.
Observação
Seu computador pode mostrar diferentes nomes ou locais para alguns dos elementos de 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, confira Personalizar o IDE.
As opções e páginas a seguir aparecem nas Páginas de Propriedade.
Guia Compilação
Na guia Geral, as propriedades a seguir estão disponíveis.
Comando de Build
Especifica o comando a ser executado ao compilar o projeto. (Build > Solução de Build, ou quando você executar o projeto.) Se utilizado, esse valor é normalmente um comando npm. Essa propriedade corresponde à propriedade BuildCommand no arquivo do projeto.
Comando de build de produção
Especifica o comando a ser executado ao compilar o projeto quando o projeto é integrado ao projeto de API Web do ASP.NET Core. 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.
Compilar Pasta de Saída
Especifica a pasta de saída para objetos de compilação da produção. Em projetos mais antigos, use essa propriedade quando você usar o Comando de Build de Produção.
Comando de limpeza
Especifica o comando a ser executado ao limpar o projeto. (Build > Limpar Solução) Se utilizado, este valor é tipicamente um comando npm. Essa propriedade corresponde à propriedade CleanCommand no arquivo do projeto.
Diretório de trabalho
Especifica o diretório de trabalho para o comando de 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. Essa propriedade corresponde à propriedade StartupCommand no arquivo do 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. 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.