Pular para o conteúdo principal

VS Code: Bons plugins para Angular 4





Segue minha lista preferida de plugins para hora do desenvolvimento de aplicações angular:

Angular v4 TypeScript Snippets

Criado pelo evangelista Angular John Papa, este plugin ajuda muito no momento de escrever componentes, serviços ou até mesmo diretivas como ngFor e ngIf no template do angular. Se você gosta de fazer uso de snippets este é um ótimo plugin:
https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

AUTOIMPORT

Após ter seu componente ou modulo typescript criado pode vir a ser necessário uso de outros recursos de módulos do angular ou de módulos já criados  por você através do import. A tarefa de escrever manualmente, verificar que o modulo não esta importado e adicionar a referencia no topo do typescript como endereço correto de importação se torna cansativa conforme a aplicação vai crescendo. Este plugin é uma mão na roda.
https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

VS CODE ICONS

VS CODE ICONS ajuda muito a identificar visualmente os componentes, rotas, serviços, módulos angular, arquivos de outras extensões e até pastas.
https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

Caso você tenha mais opções legais de plugins deixe um comentário ;)

Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Migrando repositório TFS para GIT

Chega o momento em que decidimos migrar do TFS para GIT por 'N' motivos e benefícios que esta migração pode trazer. Caso você tenha uma repositório de longa data e queira manter o histórico de checkins, o  git-tfs auxilia nesta tarefa. Uma das minhas formas preferidas para instalar é através do chocolatey . Com o chocolatey instalado em sua máquina basta abrir o powershell em modo admin e digitar: cinst GitTfs No powershell para clonar o repositório TFS para seu repositório git você deve digitar o seguinte comando: git tfs clone http : //meutfs.com $/diretoriotfs c : /diretorio-alvo-clone --branches=all -u=CORP\Usuario -p=****** Para mais opções de comando segue link do github do projeto.
Postar um comentário
Leia mais

Dica: Extensão Indentar código VUE Visual Studio Code

Olá Por muitas é necessário um atalho para formatar o seu código fonte no editor de texto. Para formatação de HTML, CSS, JS e afins no visual studio code você pode utilizar o: HTML Snippets Mas esta extensão acima não formata arquivos de template .vue . Para formatar este tipo de arquivos é necessário instalar alguma outra extensão. Entre as que busquei a que faz o serviço da melhor forma atualmente utilizando o atalho alt+shift+f   é o plugin ventur: Vetur Este plugin é muito bom mesmo. Facilitou bastante a formatação de fontes em templates .vue. É isso espero que ajude;)
Postar um comentário
Leia mais

Vex dialog: Customizando texto de botões e recebendo callback corretamente

 Olá, Muitos projetos utilizam ótima esta biblioteca chamada VEX para exibir alertas, confirms entre outros tipos de 'modals' para o usuário substituindo o tradicional comando alert("texto"); do navegador (que tem visual mais feinho xD). Neste post quero mostrar como é possível customizar o texto de botões do vex.dialog.open e do vex.dialog.confirm, visto que muitos tem esta dificuldade. Quando você consulta a documentação você acha a seguinte instrução: Então você pensa... ok vou fazer meu  vex dialog e sobreescrever as propriedades do confirm ou open na construção do componente. Ficando mais ou menos assim: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 vex.dialog.confirm({ message: "Deseja confirmar?" , buttons: { YES: { text: 'Claro! Agora mesmo.' , className: 'vex-dialog-button-primary vex-dialog-button vex-first' , }, NO: { text: 'Ahhh, não quero......
Postar um comentário
Leia mais