Criando componentes sem o arquivo spec - Angular

Jhonathan Ribeiro
21 de Jan de 2021    
Criando componentes sem o arquivo spec - Angular

Criando um componente

Bom, você já deve saber, mas para criar um componente usando a linha de comando, a sintaxe é a seguinte:

ng generate component bar

Ou se preferir pode utilizar a forma abreviada:

ng g c bar

Ambos os comandos acima vão criar um componente chamado bar , dentro da pasta app. (app/bar/…). O segundo é apenas um atalho bem útil.

Criando um componente sem o arquivo spec

Vejo casos em que as pessoas criam os componentes e depois apagam os arquivos spec na mão. Existe uma forma mais fácil.

ng g c bar --skipTests=true

O comando acima vai ter o mesmo efeito dos anteriores, mas o componente bar vai ser gerado sem os arquivos spec. A flag —skipTests aceita os valores true (que vai fazer com que os arquivos spec não sejam criados) e false (padrão. criar os arquivos spec). Não informar esta flag ou informar e passar o valor false (–skipTests=false) tem o mesmo efeito. (Atenção, a flag é case sensitive e o T de Tests é maiúsculo.)

Criando um componente em um subdiretório

Até o momento, criamos um componente chamado bar , que fica na pasta app/bar. Agora vou mostrar como criar um componente dentro de uma pasta.

ng g c components/bar

Simples assim. Basta informar o nome da pasta que deseja criar, no nosso caso a pasta components e em seguida o nome do componente que deseja criar. No exemplo acima, criamos uma pasta chamada components e dentro dela o componente chamado bar.

Existe um pulo do gato neste comando. A pasta app é a raiz do modulo app (app.module.ts). Se você possuir outro modulo (toolbar, por exemplo), este comando não vai funcionar, pois a cli não saberá onde colocar o novo componente.

Para resolver  o problema, você deve informar também o módulo.

ng g c components/bar --module=app.module

O valor informado no argumento –module deve ser o nome do arquivo do modulo sem o final .ts. (app.module.ts == app.module, toolbar.module.ts == toolbar.module).

Resumindo o post todo: Para criar o componente bar dentro da pasta components do modulo toolbar e não gerar os arquivos spec:

ng g c components/bar --module=toolbar.module --skipTests=true

Precisando de um site?

Neste post mostro alguns exemplos de como utilizar a linha de comando para criar componentes em subdiretórios e sem os arquivos spec.
CleanDesign, agência de webdesign.

Ter um site é colocar sua empresa na internet. Construir estratégias para que a imagem da sua empresa seja agregada a um valor é presença online. Um site projetado profissionalmente, é fundamental para aumentar as vendas, impulsionar os resultados e expandir seus negócios. Se você quer ser levado a sério como empresa, precisa levar a sério a tarefa de assumir negócios. Nada se conecta mais com seus clientes online do que seu próprio site profissional.

Quais as vantagens para uma empresa?

Está em dúvida se vale a pena investir na presença online da sua empresa? Veja as principais vantagens dessa prática:

  • Facilidade em ser encontrado por novos clientes;
  • Aumento da credibilidade e reputação da empresa;
  • Auxilia na fidelização dos clientes atuais;
  • Divulgação dos trabalhos desenvolvidos;
  • Crescimento da empresa pela valorização da marca;
  • Desenvolvimento de ações de marketing a um custo mais baixo;
  • Expansão da visibilidade da sua empresa para um público maior;
  • Maior interação com seus clientes e, assim, melhor compreensão sobre seus perfis.

Você sabia que a CleanDesign pode ajudar você e sua empresa a ter mais e melhores resultados com a internet? Clique no botão abaixo e conheça os nossos pacotes de Webdesign Premium, com tarifas únicas e sem mensalidades.

Ganhe dinheiro encurtando links!

E se você pudesse receber dinheiro pelos links que você compartilha nas redes sociais? Cadastre-se agora mesmo na exe.io e comece a faturar encurtando os seus links. ;)

Fonte:

Compartilhe

X
{{site.title}}Não vá embora ainda...👇Conheça o nossa loja, são diversos produtos comOfertas imperdíveisCLIQUE AQUI