Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>extremetj-angular-projectsNew to Visual Studio Code? Get it now.
extremetj-angular-projects

extremetj-angular-projects

Felipe Brito

|
113 installs
| (0) | Free
Extensões essenciais para projetos Angular
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode ExtremeTJ Angular Projects Extension Pack

Extensões que considero essenciais (até o presente momento) para desenvolvimento de projetos Angular.

Extensões Incluídas

  • Angular Snippets - Angular com snippets em TypeScript.

  • Angular Material 2, Flex layout 1, Covalent 1 & Material icon snippets - Snippets para componentes Angular Material e Angular FlexBox.

  • Angular File Changer (Suporta Touch Bar e NgRx) - Navegue entre arquivos de componentes Angular ou arquivos NgRx correspondentes usando o teclado ou a Touch Bar no Mac.

  • Angular Files - Crie templates de arquivos Angular rapidamente (scaffolding).

  • angular2-switcher - Navegue facilmente para typescript(.ts)|template(.html)|style(.scss/.sass/.less/.css) em projetos Angular.

    • Use alt+o(Windows) or shift+alt+o(macOS)
    • Por default, VSCode abre os arquivos selecionados no modo 'preview'. Quando estiver usando esta extensão, recomendo a seguinte configuração: workbench.editor.enablePreview": false
  • SimonTest - Analisa seu código Angular e gera testes unitários pra você (pode sobreescrever os arquivos '.spec' gerados automaticamente pelo Angular CLI.

  • Karma Problem Matcher - Capture os erros dos testes Karma rodando no VS Code, de modo que as falhas nos testes aparecerão no painel 'Problemas' (Ctrl+Shift+M no Windows/Linux, ⇧⌘M no Mac) e os testes que falharem também poderão ser vistos no VS Code, por exemplo, sendo marcados/sublinhados e alternando para eles com F8.

  • Angular Language Service - fornece uma rica experiência de edição para templates Angular, muito útil quando se está trabalhando com templates HTML do Angular.

  • Auto Rename Tag - Renomeia tags HTML/XML de abertura e fechamento simultaneamente.

  • Auto Close Tag - Adiciona automaticamente a tag de fechamento no HTML/XML.

  • Arrr - Refatore componentes HTML facilmente.

  • Auto Import - Encontra, parseia e fornece ações e autocomplete de código automaticamente para todos os imports disponíveis (esse plugin complementa o auto import pré-existente no VS Code).

  • Move TS - Reorganiza e corrige os imports quando precisamos refatorar o código movendo algum elemento de lugar. Para usá-lo, clique com o botão direito sobre um arquivo ou diretório no painel Project Explorer e selecione 'Move TypeScript'.

  • Angular Schematics - Permite usar Angular schematics (comandos CLI) diretamente do Files Explorer (ao clicar com o botão direito) ou da Paleta de Comandos (Command Palette).

  • Angular-cli - Facilita o uso do Angular CLI por dentro do VS Code.

  • ESLint - Analisa e encontra problemas em seu código Javascript.

  • TypeScript Hero - Ordena e organiza seus imports de acordo com a convenção e remove os não usados (Ctrl+Alt+o no Win/Linux or Ctrl+Opt+o no MacOS).

  • Prettier - JavaScript formatter - Formate seus arquivos Javascript / Typescript / CSS. Configurações recomendadas:

  • "prettier.singleQuote": true (ajuda quando usamos o auto import).
  • "prettier.tabWidth": 2 (angular lint usa 2 espaços como identação default. Com esta configuração, você pode continuar usando Tab para a identação, se for sua preferência.)
  • "prettier.useTabs": false (o mesmo que o de cima)

Divirta-se!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft