Article image
Jair Araújo
Jair Araújo02/07/2022 15:26
Compartilhe

Extensões úteis para o VSCode 🐱‍💻🦾

  • #Flutter
  • #Dart

Olá pessoal 😄🖖,

Tive contato com duas extensões que me foram muito úteis nos estudos e acredito que vão continuar me ajudando na minha carreira, por isso resolvi compartilhar aqui nesse post as duas, para que mais gente possa usufruir dessa praticidade.

Error Lens


Imagem Extensão Error Lens - VSCode

image

Com essa extensão instalada no seu VSCode, em quanto digita o seu código você consegui ter um auxilio visual dentro do seu código, indicando se tem algum erro no seu código ou até mesmo se está faltando alguma coisa, como um fechamento de aspas ou até mesmo um ponto e vírgula, conforme demonstrado no exemplo a baixo:


Imagem com código em Dart com mensagens de erro

image

Aqui foi criado uma classe com seus atributos, porém está faltando inicializar esses atributos criando seus construtores. Nessa questão entra a segunda Extensão que vai nos auxiliar na geração desses construtores de forma rápida e simples. 😉🤩

Dart Data Class Generator


Imagem da Extensão Data Class Generator - VSCodeimage

Instalando a Extensão do Dart Data Class Generator, você consegui se utilizar de um simples atalho para criar os construtores da sua classe Veja o exemplo:


Imagem demonstrando a extensão com a opção Generate constructorimage

Parando o curso sobre a classe ou seus atributos, utilize a combinação de teclas "CTRL + ." (a segunda tecla é o Ponto do seu teclado), aparecerá as opções conforme na imagem, tem outras opções úteis, mas vamos nos concentrar na geração dos Construtores da nossa classe, selecionando a opção Generate constructor.

Obteremos o resultado da imagem a baixo, o que facilita e agiliza o nosso desenvolvimento no dia a dia.


Imagem com o resultado das Classes geradas

image


Todo o código dos exemplos a cima, foram extraídos utilizando a linguagem Dart, que é utilizada no desenvolvimento Flutter. Mas achei interessante compartilhar essa informação com quem já programa em Flutter ou queira está iniciando nessa área.

Considerações Finais

A extensão Dart Data Class Generator é exclusiva para a linguagem Dart como o próprio nome da extensão informa. Porém a extensão Erro Lens serve para outras linguagens, ajudando no desenvolvimento, indicando possíveis erros e dando dicas do seu código, nunca mais você vai esquecer aquele ponto e vírgula. 😁

Espero que tenham gostado dessas dicas, que elas possam contribuir com seus estudos e facilitar o seu trabalho, não esqueça de deixar o seu feedback nos comentários e de nos apoiar com sua interação. Um forte abraço e até a próxima dica!!! #NeverStopLearning #MakeTheChange😄💻🚀

Compartilhe
Comentários (0)